/* GestHouse — sistema de marca. Una sola fuente de verdad para la landing y la app:
   si la marca cambia, cambia aqui y cambia en las dos. */

@font-face{font-family:'Clash Display';src:url('/static/fonts/clash-display-600.woff2') format('woff2');
  font-weight:600;font-display:swap}
@font-face{font-family:'Clash Display';src:url('/static/fonts/clash-display-700.woff2') format('woff2');
  font-weight:700;font-display:swap}
@font-face{font-family:'General Sans';src:url('/static/fonts/general-sans-400.woff2') format('woff2');
  font-weight:400;font-display:swap}
@font-face{font-family:'General Sans';src:url('/static/fonts/general-sans-500.woff2') format('woff2');
  font-weight:500;font-display:swap}
@font-face{font-family:'General Sans';src:url('/static/fonts/general-sans-600.woff2') format('woff2');
  font-weight:600;font-display:swap}

:root{
  /* base */
  --crema:#F4F0E6;
  --hueso:#FBF9F4;
  --tinta:#14140F;
  --tinta-70:#4A4840;
  --tinta-45:#807C70;
  --linea:#E2DCCC;

  /* acento y estados. El ambar es de marca; los otros tres solo significan algo:
     verde ocupado, arcilla problema, azul reservado a futuro. */
  --ambar:#FFD84D;
  --ambar-oscuro:#E8BE2A;
  --oliva:#3F5B3C;
  --oliva-suave:#E4EBE0;
  --arcilla:#C2543A;
  --arcilla-suave:#F7E4DF;
  --indigo:#3B4D7A;
  --indigo-suave:#E3E7F1;

  --r-s:10px; --r-m:16px; --r-l:24px; --r-xl:34px;
  --sombra:0 1px 2px rgba(20,20,15,.05), 0 12px 32px -18px rgba(20,20,15,.28);
  --sombra-alta:0 2px 4px rgba(20,20,15,.06), 0 30px 60px -30px rgba(20,20,15,.35);

  --display:'Clash Display','Clash Display Fallback',Georgia,serif;
  --texto:'General Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;
}

*{box-sizing:border-box}
body{margin:0;font-family:var(--texto);color:var(--tinta);background:var(--crema);
  -webkit-font-smoothing:antialiased;font-size:16px;line-height:1.55}
h1,h2,h3,h4{font-family:var(--display);font-weight:600;letter-spacing:-.02em;margin:0;line-height:1.05}
a{color:inherit}
button,input,select,textarea{font-family:inherit;font-size:inherit;color:inherit}

/* la marca escrita: siempre asi, en las dos piezas */
.marca{display:inline-flex;align-items:center;gap:9px;font-family:var(--display);
  font-weight:700;letter-spacing:-.03em;font-size:19px;text-decoration:none}
.marca svg{display:block}