/* Design tokens — fonte unica da verdade (Secao 6.2).
   Direcao: "instrumento de precisao para dinheiro publico". */
:root {
  /* Paleta institucional MapeiaGov */
  --color-brand: #5B2A86;        /* roxo profundo — institucional */
  --color-interactive: #8B5CF6;  /* violeta — interacao */
  --color-interactive-hover: #7C3AED;

  /* Neutros frios */
  --color-bg: #F8F8FB;
  --color-surface: #FFFFFF;
  --color-border: #E3E1EC;
  --color-text: #1D1A26;
  --color-text-muted: #5F5B6B;

  /* Semanticos — bandas de preco */
  --color-ok: #15803D;      /* verde  */
  --color-warn: #B45309;    /* ambar  */
  --color-danger: #B91C1C;  /* vermelho */

  /* Tipografia: display p/ numeros e titulos, sans humanista p/ corpo,
     mono p/ valores monetarios e hashes */
  --font-sans: "Source Sans 3", "Segoe UI", system-ui, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, "Cascadia Mono", monospace;

  --radius: 8px;
  --space-1: 4px; --space-2: 8px; --space-3: 16px; --space-4: 24px; --space-5: 40px;
  --shadow-card: 0 1px 3px rgb(29 26 38 / 8%), 0 4px 16px rgb(91 42 134 / 6%);
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation: none !important; transition: none !important; }
}