/* Tokens únicos do rascunho Me Segure (P13, 01/10/2026). Identidade própria: azul-noite + verde-esmeralda,
   sem serifa. Nada de roxo (Youse) nem de petróleo/âmbar (Virtus-Union).
   Todo par texto/fundo usado no site está listado em tests/contraste.mjs. */
:root {
  color-scheme: light;
  --tinta: #0F1B2D;            /* texto principal */
  --noite: #12305A;            /* cabeçalho, títulos, rodapé, botão secundário */
  --nevoa: #F3F6FA;            /* fundo das seções */
  --branco: #FFFFFF;
  --cinza: #4B5B6E;            /* texto de apoio */
  --acao: #0B7A53;             /* botão principal em fundo claro, texto branco */
  --acao-hover: #086244;
  --acao-clara: #3DDC97;       /* botão principal em fundo azul-noite, texto tinta */
  --detalhe: #1FB67A;          /* SÓ decoração; nunca texto de corpo */
  --borda: #6B7C90;            /* borda de campos (não-texto, >= 3:1) */
  --linha: #D5DDE8;            /* divisórias decorativas */
  --erro: #A12B1F;
  --ok: #1D6B3A;
  --selo-fundo: #FFF1CF;
  --selo-texto: #5A3704;
  --foco: #12305A;             /* anel de foco em fundo claro */
  --foco-escuro: #F3F6FA;      /* anel de foco em fundo azul-noite */

  --fonte-titulo: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --fonte-corpo: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;

  --texto-corpo: 1.0625rem;   /* 17 px */
  --entrelinha: 1.6;
  --espaco-1: .5rem;
  --espaco-2: 1rem;
  --espaco-3: 1.5rem;
  --espaco-4: 2.5rem;
  --espaco-5: 4rem;
  --raio: 14px;
  --toque: 44px;              /* alvo mínimo de toque */
  --largura: 68rem;
  --calha: 1rem;
}