/* ── Marca (fixas — não variam com o tema, iguais ao transito-dashboard) ── */
:root{
  --azul:#1e2544;
  --azul-medio:#2d3561;
  --azul-claro:#3a4478;
  --laranja:#e8601c;
  --laranja-hover:#c94e14;
  --amarelo:#f6ce5c;
  --amarelo-dim:rgba(246,206,92,.12);
  --amarelo-suave:#fde68a;
  --branco:#ffffff;
  --erro:#dc2626;
  --sucesso:#16a34a;
  --trans:0.18s ease;
  --fonte-display:'Oswald',sans-serif;
  --fonte-corpo:'Inter',sans-serif;
  --fonte-mono:'IBM Plex Mono',monospace;

  /* Escala de raio equivalente ao transito-dashboard */
  --radius:8px;
  --radius-lg:12px;
}

/* ── Tema claro (padrão desta página) — igual ao transito-dashboard[data-theme="light"] ── */
:root{
  --bg-base:#f4f5f7;
  --bg-surface:#ffffff;
  --bg-elevated:#f0f2f8;
  --bg-card:#ffffff;
  --border:#cbd0e0;
  --border-soft:#e0e2e9;
  --text-primary:#1e2544;
  --text-secondary:#3a4478;
  --text-muted:#6b7280;
  --sombra:0 4px 24px rgba(30,37,68,.1);
  --sombra-sm:0 2px 8px rgba(30,37,68,.07);
}

/* ── Tema escuro (opt-in via toggle) — igual ao transito-dashboard (:root padrão de lá) ── */
html[data-theme="dark"]{
  --bg-base:#07091a;
  --bg-surface:#1e2544;
  --bg-elevated:#252d4e;
  --bg-card:#2d3561;
  --border:#3a4478;
  --border-soft:#252d4e;
  --text-primary:#e8edf8;
  --text-secondary:#8b98c4;
  --text-muted:#4a5280;
  --sombra:0 4px 24px rgba(0,0,0,.4);
  --sombra-sm:0 2px 8px rgba(0,0,0,.3);
}