/* =========================================================================
   Tokens de design NEUTROS (provisórios). Não há brandbook de Larissa ainda:
   quando houver, troca-se só este arquivo (re-skin).
   Contrastes calculados para texto: todos >= 4,5:1 (a maioria >= 7:1).
   ========================================================================= */
:root {
  /* tipografia: letras do próprio aparelho, nada carregado de fora */
  --fonte-texto: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --fonte-titulo: var(--fonte-texto);
  --texto-base: 1.125rem;   /* 18 px */
  --texto-pequeno: 1rem;    /* 16 px, nunca menos */
  --texto-h1: clamp(1.75rem, 1.4rem + 1.5vw, 2.25rem);
  --texto-h2: 1.375rem;
  --texto-h3: 1.1875rem;
  --altura-linha: 1.6;

  /* espaçamentos */
  --esp-1: 0.25rem; --esp-2: 0.5rem; --esp-3: 0.75rem; --esp-4: 1rem;
  --esp-5: 1.5rem; --esp-6: 2rem; --esp-7: 3rem;
  --largura-max: 46rem;
  --raio: 0.625rem;
  --alvo-toque: 2.75rem; /* 44 px */

  /* cores: tema claro */
  --cor-fundo: #ffffff;
  --cor-superficie: #f4f5f7;
  --cor-texto: #1a1d23;
  --cor-apoio: #4a5160;
  --cor-borda: #d5d9e0;          /* só decorativa */
  --cor-borda-campo: #6b7280;    /* campos: >= 3:1 */
  --cor-destaque: #1f4e8c;
  --cor-sobre-destaque: #ffffff;
  --cor-destaque-suave: #e7eef8;
  --cor-ok: #1e6b3a;
  --cor-erro: #a61b1b;
  --cor-aviso-fundo: #fff4d6;
  --cor-aviso-borda: #8a6100;
  --cor-foco: #b34700;
  --sombra: 0 1px 2px rgba(0, 0, 0, 0.06), 0 2px 8px rgba(0, 0, 0, 0.05);
  color-scheme: light;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-tema="claro"]) {
    --cor-fundo: #14171c;
    --cor-superficie: #1e232b;
    --cor-texto: #eceef2;
    --cor-apoio: #b4bbc8;
    --cor-borda: #353c48;
    --cor-borda-campo: #8a93a3;
    --cor-destaque: #8fb4f0;
    --cor-sobre-destaque: #0b1220;
    --cor-destaque-suave: #1d2a3f;
    --cor-ok: #7dd3a0;
    --cor-erro: #ff9b9b;
    --cor-aviso-fundo: #2e2612;
    --cor-aviso-borda: #d9a933;
    --cor-foco: #ffb066;
    --sombra: none;
    color-scheme: dark;
  }
}

:root[data-tema="escuro"] {
  --cor-fundo: #14171c;
  --cor-superficie: #1e232b;
  --cor-texto: #eceef2;
  --cor-apoio: #b4bbc8;
  --cor-borda: #353c48;
  --cor-borda-campo: #8a93a3;
  --cor-destaque: #8fb4f0;
  --cor-sobre-destaque: #0b1220;
  --cor-destaque-suave: #1d2a3f;
  --cor-ok: #7dd3a0;
  --cor-erro: #ff9b9b;
  --cor-aviso-fundo: #2e2612;
  --cor-aviso-borda: #d9a933;
  --cor-foco: #ffb066;
  --sombra: none;
  color-scheme: dark;
}