/* Sua Arca — tokens da direção "Antes da chuva" (guia de marca v1.0, 12 nov 2026).
   Contrastes do guia: mata sobre papel 10,64:1; branco sobre mata 11,79:1;
   âmbar sobre mata 5,13:1 (só destaque curto). Nunca âmbar como texto sobre branco. */
:root {
  color-scheme: light;

  /* Cores */
  --mata: #173E37;          /* texto principal, botões, áreas escuras */
  --mata-profunda: #102E29; /* fundos escuros e rodapé */
  --verde-chuva: #5C8F85;   /* detalhes, ícones, nuvem do símbolo (não usar em texto: 3,3:1) */
  --verde-chuva-texto: #3F6D63; /* versão para texto pequeno: 5,3:1 sobre papel, 5,9:1 sobre branco */
  --salvia: #D2E1D7;        /* bordas de cards, destaque suave */
  --ambar: #D6A24A;         /* acentos curtos, horizonte, foco */
  --papel: #F6F3EB;         /* fundo principal */
  --tinta: #1B302C;         /* corpo de texto */
  --tinta-suave: #3F5A54;   /* texto secundário (6,8:1 sobre papel) */
  --branco: #FFFFFF;
  --areia: #F3E7CC;         /* fundo de aviso/destaque quente */

  /* Tipografia */
  --fonte-ui: Inter, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --fonte-titulo: Georgia, "Times New Roman", serif;
  --corpo: clamp(1rem, 0.96rem + 0.2vw, 1.125rem);  /* 16–18 px */
  --h1: clamp(2.5rem, 1.6rem + 4vw, 5.5rem);        /* ~48–88 px */
  --h2: clamp(2rem, 1.5rem + 2vw, 3.25rem);         /* 32–52 px */
  --h3: clamp(1.25rem, 1.15rem + 0.4vw, 1.5rem);    /* 20–24 px */

  /* Grid e espaço (múltiplos de 4 px) */
  --largura-max: 72rem;
  --largura-leitura: 46rem;
  --e1: 0.25rem; --e2: 0.5rem; --e3: 0.75rem; --e4: 1rem;
  --e6: 1.5rem; --e8: 2rem; --e12: 3rem; --e16: 4rem; --e24: 6rem;

  --raio: 12px;
  --raio-p: 8px;
  --alvo-toque: 44px;
  --transicao: 160ms ease;
}