/* Tokens únicos do rascunho Virtus-Union (02_WIREFRAMES_E_DIRECAO_VISUAL.md).
   Todo par texto/fundo usado no site está listado em tests/contraste.mjs. */
:root {
  color-scheme: light;
  --tinta: #14262B;            /* texto principal */
  --petroleo: #0E4A4F;         /* cabeçalho, títulos, rodapé, botão secundário */
  --areia: #F6F1E8;            /* fundo das seções */
  --branco: #FFFFFF;
  --cinza: #4A5A5E;            /* texto de apoio */
  --ambar-botao: #8A4F08;      /* botão principal, texto branco */
  --ambar-botao-hover: #6F3F05;
  --ambar-detalhe: #B26A12;    /* SÓ decoração; nunca texto de corpo */
  --borda: #6F7E81;            /* borda de campos (não-texto, >= 3:1) */
  --linha: #D9D2C3;            /* divisórias decorativas */
  --erro: #A12B1F;
  --ok: #1D6B3A;
  --selo-fundo: #FFF1CF;
  --selo-texto: #5A3704;
  --foco: #0E4A4F;             /* anel de foco em fundo claro */
  --foco-escuro: #F6F1E8;      /* anel de foco em fundo petróleo */

  --fonte-titulo: "Iowan Old Style", "Palatino Linotype", Palatino, "Book Antiqua", Georgia, 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: 8px;
  --toque: 44px;              /* alvo mínimo de toque */
  --largura: 68rem;
  --calha: 1rem;
}