/* TOKENS — a única casa dos valores de cor, fonte, espaço, raio, sombra.
   O hex da marca mora AQUI e em lugar nenhum mais. Na tela: var(--cor-primaria).
   Família --cor-primaria (tema light/ERP), azul corporativo derivado de #0B4F9E
   (tom recomendado para dados financeiros). */

:root {
  /* Marca (família --cor-primaria) */
  --cor-primaria: #0B4F9E;
  --cor-primaria-hover: #083C77;
  --cor-primaria-escura: #052448;
  --cor-primaria-suave: #E7EFF9;
  --cor-primaria-soft: rgba(11, 79, 158, 0.12);
  --cor-primaria-sombra: rgba(11, 79, 158, 0.15);
  --texto-sobre-cor-primaria: #FFFFFF;

  /* Neutros (tema light) */
  --branco: #FFFFFF;
  --fundo: #F6F7F9;
  --surface: #FFFFFF;
  --borda: #E5E7EB;
  --borda-forte: #D1D5DB;

  /* Texto */
  --texto: #1F2430;
  --texto-secundario: #4B5563;
  --texto-suave: #6B7280;
  --texto-fraco: #9AA0A8;

  /* Estado */
  --sucesso: #16a34a;
  --sucesso-suave: #E6F6EC;
  --sucesso-escuro: #15803D;
  --perigo: #dc2626;
  --aviso: #d97706;

  /* Séries categóricas de gráfico (slot 1 = --cor-primaria). Ordem fixa,
     validada para daltonismo sobre fundo branco em TODOS os pares (a pizza fecha
     o círculo, então o último slot encosta no primeiro). dataviz validate_palette
     --pairs all: pior par ΔE 13,0 (deutan). Amarelo tem contraste baixo com o
     branco: só usar com rótulo visível ou tabela ao lado. */
  --grafico-serie-2: #eda100;
  --grafico-serie-3: #008300;
  --grafico-serie-4: #d55181;

  /* Tipografia — duas famílias */
  --font: "Inter", -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-titulo: "Sora", "Inter", sans-serif;

  /* Espaço */
  --sp-1: 4px; --sp-2: 8px; --sp-3: 12px;
  --sp-4: 16px; --sp-5: 24px; --sp-6: 32px;

  /* Raio */
  --raio: 10px;
  --raio-sm: 7px;
  --raio-full: 999px;

  /* Sombra */
  --sombra-sm: 0 1px 2px rgba(17, 24, 39, 0.06), 0 1px 3px rgba(17, 24, 39, 0.08);
  --sombra: 0 8px 24px rgba(17, 24, 39, 0.10);

  /* Transição */
  --transicao: .18s ease;

  /* Layout */
  --sidebar-width: 248px;
  --sidebar-mini: 66px;
  --topbar-h: 58px;
}
