/* ALFABETÔMETRO — tokens de design (seção 40 do briefing: todas as cores via
   variáveis CSS). Reaproveitado pelo login (Fase 3) e pelo layout interno
   (Fase 5) — mantenha qualquer nova cor aqui, nunca hardcoded em uma tela. */

:root {
  /* Marca */
  --cor-primaria: #2563EB;
  --cor-primaria-escura: #1D4ED8;
  --cor-primaria-clara: #DBEAFE;

  /* Semânticas */
  --cor-sucesso: #16A34A;
  --cor-sucesso-clara: #DCFCE7;
  --cor-atencao: #F59E0B;
  --cor-atencao-clara: #FEF3C7;
  --cor-critico: #DC2626;
  --cor-critico-clara: #FEE2E2;
  --cor-info: #3B82F6;
  --cor-info-clara: #DBEAFE;

  /* Neutros */
  --cor-fundo: #F3F4F6;
  --cor-superficie: #FFFFFF;
  --cor-texto: #111827;
  --cor-texto-suave: #6B7280;
  --cor-borda: #E5E7EB;

  /* Tipografia */
  --fonte-base: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

  /* Forma */
  --raio: 12px;
  --raio-sm: 8px;
  --sombra: 0 1px 3px rgba(17, 24, 39, 0.08), 0 1px 2px rgba(17, 24, 39, 0.06);
  --sombra-elevada: 0 10px 30px rgba(17, 24, 39, 0.12);
  --transicao: 150ms ease;
}