/* Design tokens — Além do Placar.
   Fonte única da identidade visual. Espelhados em dashboard/assets/tema_tokens.json
   para o tema do Power BI; altere os dois juntos. */
:root {
  /* Cor */
  --cor-primaria: #075e45;
  --cor-primaria-700: #054a37;
  --cor-primaria-100: #e3f1eb;
  --cor-destaque: #15966a;
  --cor-destaque-700: #0e7a55;
  --cor-destaque-100: #e4f5ee;
  --cor-amarelo: #f3c84b;
  --cor-fundo: #f3f5f4;
  --cor-superficie: #ffffff;
  --cor-borda: #dde3e1;
  --cor-borda-forte: #c3ccc9;
  --cor-texto: #202b29;
  --cor-texto-suave: #55625f;
  --cor-sucesso: #1a7f4b;
  --cor-alerta: #9a6700;
  --cor-alerta-fundo: #fff6e0;
  --cor-erro: #b42318;
  --cor-erro-fundo: #fdecea;
  --serie-1: #075e45;
  --serie-2: #15966a;
  --serie-3: #f3c84b;
  --serie-4: #202b29;
  --serie-5: #7fb8a4;
  --serie-6: #b98f1c;

  /* Tipografia */
  --fonte: "Inter", "Segoe UI", system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;
  --fs-xs: 0.8125rem;
  --fs-sm: 0.9375rem;
  --fs-md: 1rem;
  --fs-lg: 1.1875rem;
  --fs-xl: 1.5rem;
  --fs-2xl: 2rem;
  --fs-3xl: clamp(2.125rem, 5vw, 3.25rem);
  --lh: 1.55;

  /* Espaço (múltiplos de 4 px) */
  --e1: 0.25rem;
  --e2: 0.5rem;
  --e3: 0.75rem;
  --e4: 1rem;
  --e5: 1.25rem;
  --e6: 1.5rem;
  --e8: 2rem;
  --e10: 2.5rem;
  --e12: 3rem;
  --e16: 4rem;

  /* Forma */
  --raio-sm: 8px;
  --raio: 12px;
  --raio-lg: 20px;
  --sombra-1: 0 1px 2px rgba(7, 94, 69, 0.06), 0 1px 3px rgba(7, 94, 69, 0.08);
  --sombra-2: 0 4px 12px rgba(7, 94, 69, 0.08), 0 2px 4px rgba(7, 94, 69, 0.06);
  --foco: 0 0 0 3px rgba(21, 150, 106, 0.45);
  --largura: 1120px;
}