/* ==========================================================================
   TOKENS — Caroline Campos Advocacia
   Autoridade: specs/design.md §2 (cor), §12 (tipo), §14 (espaço), §7 (raio)
   Não inventar valores aqui. Valor novo passa primeiro pelo spec.
   ========================================================================== */

:root {
  /* --- Cor: escuro (§2) ------------------------------------------------- */
  --preto:            #0D0D0D;
  --preto-alt:        #161616;
  --carvao:           #292929;
  --carvao-2:         #2A2A2A;
  --linha:            #313131;

  /* --- Cor: dourados. Acento, nunca superfície (§2) --------------------- */
  --ouro:             #FFBD59;
  --ambar:            #FF9A00;
  --bronze:           #A66641;

  /* --- Cor: claros ------------------------------------------------------ */
  --creme:            #E0D1BC;
  --claro:            #E9E9E9;
  --branco:           #FFFFFF;
  --linha-clara:      rgba(13, 13, 13, 0.15);

  /* --- Cor: texto -------------------------------------------------------
     Os mudos NÃO são os da referência. Os originais (#7A7A7A e #69727D)
     dão 3.4:1 sobre #292929 e 3.7:1 sobre #161616 — falham AA. Clareados
     até passarem em todas as superfícies escuras. Ver design.md §9.7.
     ---------------------------------------------------------------------- */
  --texto-claro:       #333333;   /* sobre fundo claro */
  --texto-mudo:        #9A9A9A;   /* legendas sobre escuro   — 5.1:1 em #292929 */
  --texto-mudo-frio:   #8D96A3;   /* legal/rodapé sobre escuro — 4.8:1 em #292929 */
  --texto-mudo-claro:  #5F5F5F;   /* legendas sobre claro    — 5.1:1 em #E9E9E9 */

  /* --- Tipografia (§3, §12) --------------------------------------------- */
  --f-display: 'Italiana', 'Italiana-fb', Georgia, 'Times New Roman', serif;
  --f-corpo:   'Open Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI',
               Roboto, 'Helvetica Neue', Arial, sans-serif;

  /* Interpolação linear entre 375px e 1200px de viewport */
  --t-h1:      clamp(2.25rem,  1.568rem + 2.909vw, 3.75rem);   /* 36 → 60 */
  --t-h2:      clamp(1.75rem,  1.353rem + 1.697vw, 2.625rem);  /* 28 → 42 */
  --t-h3:      clamp(1.375rem, 1.261rem + 0.485vw, 1.625rem);  /* 22 → 26 */
  --t-h4:      1.125rem;                                        /* 18 fixo */
  --t-corpo:   clamp(1rem,     0.972rem + 0.121vw, 1.0625rem); /* 16 → 17 */
  --t-kicker:  0.875rem;                                        /* 14 fixo */
  --t-botao:   0.9375rem;                                       /* 15 fixo */
  --t-legal:   0.8125rem;                                       /* 13 fixo */

  --lh-h1: 1.15;  --lh-h2: 1.2;   --lh-h3: 1.2;
  --lh-corpo: 1.6; --lh-kicker: 1.5;

  /* --- Espaço: base 8px (§14) ------------------------------------------- */
  --s1:  8px;   --s2:  16px;  --s3:  24px;  --s4:  32px;  --s5:  40px;
  --s6:  48px;  --s7:  64px;  --s8:  80px;  --s9:  96px;  --s10: 128px;

  /* --- Raio (§7) -------------------------------------------------------- */
  --r-momento: 40px;   /* cards sobrepostos, blocos 3 e 10 */
  --r-card:    30px;   /* cards de conteúdo */
  --r-painel:  20px;   /* painéis largos e cards de avaliação */
  --r-botao:   4px;
  --r-pilula:  999px;  /* só a FAQ */

  /* --- Layout (§11, §14) ------------------------------------------------ */
  --gutter:          20px;
  --container:       1140px;
  --seccao:          64px;   /* respiro vertical entre secções */
  --header-h:        64px;
  --header-h-scroll: 56px;

  /* --- Movimento -------------------------------------------------------- */
  --transicao: 220ms ease;
}

@media (min-width: 768px) {
  :root {
    --gutter:          24px;
    --seccao:          96px;
    --header-h:        88px;
    --header-h-scroll: 64px;
  }
}

@media (prefers-reduced-motion: reduce) {
  :root { --transicao: 1ms; }
}