/* Identidade "Folha de palmeira" — tokens de design do Edifício Maracá.
   Cores só por token. Pares de contraste verificados em
   condominio/tests/test_identidade_visual.py (WCAG AA). */
:root {
  /* Marca */
  --verde: #0E6B5C;
  --verde-escuro: #0A5246;
  --verde-nevoa: #DDF0E9;
  /* Superfícies */
  --fundo: #EEF5F2;
  --cartao: #FFFFFF;
  /* Texto */
  --tinta: #0B3B33;
  --texto: #38504A;
  --auxiliar: #55695F;
  /* Ação principal (texto branco por cima: 4,8:1) */
  --acao: #D13C1A;
  --acao-hover: #B83214;
  /* Campos de formulário (3,8:1 sobre branco) */
  --borda-campo: #668A7B;
  /* Estados */
  --ok-fundo: #D8F0E7;
  --neutro-fundo: #E6ECE9;
  --aviso-fundo: #FFE3CF;
  --aviso-texto: #9A4B12;
  /* Botão Entrar: laranja claro com texto --aviso-texto (4,7:1) */
  --laranja-claro: #FFD9B8;
  --erro-fundo: #FDE8E8;
  --erro-texto: #8A1C1C;

  /* Forma */
  --raio: 22px;
  --raio-pequeno: 16px;
  --raio-botao: 999px;
  --sombra: 0 6px 18px rgba(14, 80, 66, 0.10);
  --sombra-acao: 0 8px 16px rgba(209, 60, 26, 0.28);

  /* Tipografia e medidas */
  --fonte: "Nunito", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --alvo: 48px;
  --espaco: 20px;
  --largura-maxima: 960px;
}