/* ==========================================================================
   Corpo & Forma — tokens
   Única fonte de verdade de cor, tipografia, espaço, forma e movimento.
   Nenhum valor destes deve ser repetido literalmente em outro arquivo.
   ========================================================================== */

:root {
  /* --- Cor: marca ------------------------------------------------------ */
  --cf-ouro:        #ad9d3d;   /* oficial (SVG) — decorativo / texto grande sobre escuro */
  --cf-ouro-texto:  #6f6222;   /* variante escura — texto pequeno sobre claro (5.31:1) */
  --cf-ouro-claro:  #c9bc72;   /* variante clara — rótulo sobre escuro (9.89:1) */
  --cf-tinta:       #12100b;   /* oficial (SVG) — texto e bloco escuro */

  /* --- Cor: neutros ---------------------------------------------------- */
  --cf-linho:       #f2efea;
  --cf-linho-alto:  #fbfaf7;
  --cf-areia:       #e7e1d6;
  --cf-taupe:       #5c564c;
  --cf-carvao:      #1c1a14;

  /* --- Cor: derivados -------------------------------------------------- */
  --cf-fio:         rgb(18 16 11 / 14%);
  --cf-fio-forte:   rgb(18 16 11 / 28%);
  --cf-fio-inv:     rgb(251 250 247 / 18%);
  --cf-veu:         rgb(18 16 11 / 55%);
  --cf-erro:        #8b3a2f;

  /* --- Tipografia: famílias -------------------------------------------- */
  --cf-fonte:       "Jost", "Futura", "Century Gothic", system-ui, -apple-system, sans-serif;
  --cf-destaque:    "Bodoni Moda", Didot, "Times New Roman", Georgia, serif;

  /* --- Tipografia: escala ---------------------------------------------- */
  --cf-t-display:   clamp(2.5rem, 1.4rem + 4.6vw, 5rem);
  --cf-t-h2:        clamp(2rem, 1.25rem + 3.2vw, 3.75rem);
  --cf-t-h3:        clamp(1.5rem, 1.15rem + 1.5vw, 2.25rem);
  --cf-t-item:      clamp(1.25rem, 1.05rem + 0.85vw, 1.75rem);
  --cf-t-corpo-g:   clamp(1.0625rem, 1rem + 0.3vw, 1.1875rem);
  --cf-t-corpo:     1.0625rem;
  --cf-t-peq:       0.9375rem;
  --cf-t-rotulo:    0.75rem;
  --cf-t-micro:     0.6875rem;

  /* --- Tipografia: métrica --------------------------------------------- */
  --cf-lh-display:  0.98;
  --cf-lh-titulo:   1.06;
  --cf-lh-corpo:    1.75;
  --cf-tk-display:  -0.025em;
  --cf-tk-titulo:   -0.02em;
  --cf-tk-rotulo:   0.2em;

  /* --- Espaço ----------------------------------------------------------- */
  --cf-e-1: 4px;
  --cf-e-2: 8px;
  --cf-e-3: 12px;
  --cf-e-4: 16px;
  --cf-e-5: 24px;
  --cf-e-6: 32px;
  --cf-e-7: 48px;
  --cf-e-8: 64px;
  --cf-e-9: 96px;
  --cf-e-10: 128px;
  --cf-e-11: 160px;

  --cf-secao:       clamp(56px, 6.5vw, 112px);
  --cf-gutter:      clamp(20px, 4vw, 40px);
  --cf-max:         1240px;   /* grid único do desktop — todas as seções seguem ele */
  --cf-max-txt:     62ch;

  --cf-sobrepor:    clamp(48px, 7vw, 112px);  /* quanto a chamada final invade o rodapé */

  --cf-header:      88px;
  --cf-header-min:  64px;

  /* --- Forma ------------------------------------------------------------ */
  --cf-r-0:    0;
  --cf-r-img:  2px;
  --cf-r-card: 10px;
  --cf-r-pill: 999px;

  /* --- Movimento -------------------------------------------------------- */
  --cf-dur-rapida: 180ms;
  --cf-dur-media:  320ms;
  --cf-dur-lenta:  600ms;
  --cf-ease:       cubic-bezier(0.2, 0.7, 0.3, 1);
  --cf-ease-suave: cubic-bezier(0.4, 0, 0.2, 1);
}