/* ============================================================
   tokens.css — variáveis de design do site
   Extraídas do arquivo do Figma (TvLJ3bRAY0jKiQPjm8BL2R).
   Toda página do site carrega este arquivo primeiro.
   Nenhum valor de cor, tipo ou espaço deve ser escrito
   direto nas páginas: se não existe aqui, cria aqui.
   ============================================================ */

:root{
  /* ── cor ─────────────────────────────────────────────────── */
  --papel:#FAF8F4;      /* superfície da página */
  --tinta:#0B0B0A;      /* texto principal, réguas fortes */
  --corpo:#383734;      /* texto corrido */
  --apagado:#6E6B64;    /* rótulos, notas, metadados */
  --regua:#D9D7D2;      /* divisórias e fios secundários */
  --coluna:#EEEDE9;     /* fios de coluna do fundo, placeholders */
  --redline:#D5300F;    /* acento de anotação — uso escasso */
  --home-muted:#6B6760;
  --home-label:#8E8981;
  --home-grid:#121110;
  --home-rule:#1F1E1C;
  --home-card-hover:rgb(32 32 32 / .5);
  --home-card-border:#3D3B37;

  /* portfólio — Figma 274:1700. Página clara com duas superfícies
     escuras: o case sob hover e a faixa de contato. */
  --pf-fundo:#FFFFFF;       /* fundo da página */
  --pf-titulo:#0B0B0A;      /* títulos, nomes e setas */
  --pf-corpo:#40403B;       /* texto corrido */
  --pf-rotulo:#6F6B62;      /* rótulos mono */
  --pf-fio:#E9E6E6;         /* réguas e divisores */
  --pf-chip:#D5D5CC;        /* contorno dos chips */

  --pf-elevado:#0B0B0A;     /* superfície do case sob hover — igual ao case Thomson Reuters */
  --pf-escuro:#0B0B0A;      /* faixa de contato e rodapé */
  --pf-titulo-inv:#FFFFFF;  /* títulos sobre superfície escura */
  --pf-corpo-inv:#B8B8AD;   /* texto corrido sobre superfície escura */
  --pf-rotulo-inv:#99998F;  /* rótulos sobre superfície escura */

  /* ── tipo ────────────────────────────────────────────────── */
  --display:"Geist",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
  --mono:"Geist Mono",ui-monospace,SFMono-Regular,Menlo,monospace;

  /* escala fluida: exata em 1440, encolhe proporcionalmente */
  --t-hero:clamp(1.875rem,4.05vw,3.5rem);
  --t-chamada:clamp(1.75rem,3.2vw,2.75rem);
  --t-declaracao:clamp(1.0625rem,1.45vw,1.25rem);
  --t-titulo:clamp(1.0625rem,1.35vw,1.1875rem);
  --t-item:clamp(.9375rem,1.2vw,1.0625rem);
  --t-apoio:clamp(.875rem,1.05vw,.9375rem);
  --t-rotulo:.6875rem;
  --t-nota:.5625rem;

  /* ── grade e ritmo ───────────────────────────────────────── */
  --margem:max(1.5rem,4.45vw);                   /* 64 em 1440, sem teto */
  --largura:1312px;                              /* largura de referência do desenho, não é limite */
  --respiro-secao:clamp(2.75rem,5.55vw,5rem);    /* 80px em 1440 */
  --gap-rotulo:clamp(1.75rem,2.9vw,2.375rem);    /* 38px em 1440 */
}