:root{
  --azul:#1e2544; --azul-medio:#2d3561; --azul-claro:#3a4478;
  --laranja:#e8601c; --laranja-hover:#c94e14;
  --amarelo:#f6ce5c; --amarelo-suave:#fde68a;
  --branco:#ffffff; --cinza-claro:#f4f5f7; --cinza-medio:#e0e2e9;
  --cinza-borda:#cbd0e0; --cinza-texto:#6b7280;
  --erro:#dc2626; --sucesso:#16a34a; --aviso:#92400e;
  --superficie:#ffffff; --texto-principal:#1a1f36; --azul-texto:#2d3561;
  --radius:10px; --radius-sm:6px;
  --sombra:0 4px 20px rgba(0,0,0,0.18); --sombra-sm:0 2px 8px rgba(0,0,0,0.1);
  --trans:0.18s ease;
  --fonte-display:'Oswald',sans-serif; --fonte-corpo:'Inter',sans-serif; --fonte-mono:'IBM Plex Mono',monospace;

  /* Acentos adicionais próprios deste painel (dados/gráficos) — não fazem parte
     da paleta canônica de chrome (azul/laranja/amarelo), usados apenas para
     diferenciar séries de gráficos e categorias, como nos demais dashboards
     de análise (infra-dashboard, autos-operacao) que também estendem a
     paleta com tons categóricos extras. */
  --info:#1D6FB8; --info-suave:#E8F1FB;
  --teal:#3E8E82;
  --cinza-neutro:#8E9AA6;
}

html[data-theme="dark"]{
  --cinza-claro:#07091a; --cinza-medio:#252d4e;
  --cinza-borda:#3a4478; --cinza-texto:#8b98c4;
  --superficie:#1e2544; --texto-principal:#e8edf8; --azul-texto:#a8b4e0;
}