/* ESCALA TIPOGRÁFICA: fonte única dos tamanhos do site.
   A home é a referência. Para mudar um tamanho, mude a variável aqui.
   Nada de font-size solto nas páginas (regra em CLAUDE.md).
   Toda página carrega este arquivo antes de qualquer outro CSS. */
:root {
  /* famílias da marca, também aqui porque nem toda página carrega site.css */
  --font-display: 'Space Grotesk', sans-serif;
  --font-body: 'Manrope', system-ui, sans-serif;
  --font-mono: 'JetBrains Mono', ui-monospace, monospace;
  /* números grandes da home (.result-value) */
  --fs-display: clamp(44px, 6vw, 88px); --lh-display: 1;    --ls-display: -0.045em; --fw-display: 600;
  --fs-h1:      clamp(36px, 4.8vw, 62px); --lh-h1: 1.05;    --ls-h1: -0.03em;       --fw-h1: 600;
  --fs-h2:      clamp(32px, 3.2vw, 40px); --lh-h2: 1.08;    --ls-h2: -0.03em;       --fw-h2: 500;
  /* h2 da faixa final de cada página (.cta h2 da home) */
  --fs-cta:     clamp(26px, 3vw, 38px);   --lh-cta: 1.15;   --ls-cta: -0.02em;      --fw-cta: 600;
  /* h2 menor (.h2-small da home) e números em card */
  --fs-h2-sm:   clamp(24px, 2.6vw, 34px); --lh-h2-sm: 1.08; --ls-h2-sm: -0.03em;    --fw-h2-sm: 500;
  /* interpolado: a home não tem frase de destaque. Entre --fs-h2-sm e --fs-h3 */
  --fs-quote:   clamp(22px, 2vw, 26px);   --lh-quote: 1.2;  --ls-quote: -0.02em;    --fw-quote: 500;
  --fs-h3:      20px;                     --lh-h3: 1.3;     --ls-h3: normal;        --fw-h3: 500;
  /* h3 em colunas estreitas no celular: 16px em 320, 18px em 375, 20px a partir de 417px */
  --fs-h3-tight: clamp(16px, 4.8vw, 20px);
  --fs-lead:    clamp(17px, 1.5vw, 20px); --lh-lead: 1.55;
  --fs-body:    16px;                     --lh-body: 1.6;
  --fs-small:   14px;                     --lh-small: 1.5;
  /* botões e links de ação */
  --fs-ui:      13px;
  /* rótulos em mono: kicker, eyebrow, card-num */
  --fs-label:   12px;                     --ls-label: 0.08em;
  /* selos e legendas de figura */
  --fs-micro:   11px;
}

/* Título sem regra própria na página cai no nível da sua tag */
h1 { font-size: var(--fs-h1); line-height: var(--lh-h1); letter-spacing: var(--ls-h1); font-weight: var(--fw-h1); }
h2 { font-size: var(--fs-h2); line-height: var(--lh-h2); letter-spacing: var(--ls-h2); font-weight: var(--fw-h2); }
h3, h4 { font-size: var(--fs-h3); line-height: var(--lh-h3); letter-spacing: var(--ls-h3); font-weight: var(--fw-h3); }

/* Sem palavra sozinha na última linha. Vale também nas páginas que não carregam site.css. */
h1, h2, h3, h4 { text-wrap: balance; }
p, li, td, blockquote, label { text-wrap: pretty; }