/* ==========================================================================
   PROLAR — Tokens da marca
   Fonte única de cor, tipografia, raio e sombra. Importe este arquivo antes
   de qualquer outro CSS do projeto.
   ========================================================================== */

:root {
  /* ---- Azuis institucionais ------------------------------------------- */
  --azul: #22326d;                /* cor principal: títulos, sidebar, botões */
  --azul2: #6a6cd0;               /* apoio: ícones, gráficos, foco, destaques */
  --azul-gradiente-meio: #2d3f86; /* meio do degradê da sidebar */
  --azul-gradiente-fim: #5658b8;  /* fim do degradê da sidebar */
  --azul-claro: #eef1fb;          /* fundo de realce, chips, avisos neutros */
  --azul-aco: #466f93;            /* série secundária em gráficos */

  /* ---- Neutros --------------------------------------------------------- */
  --cinza: #f2f3fa;               /* fundo de cabeçalho de cartão e tabela */
  --linha: #d7dbe8;               /* toda borda de 1px */
  --fundo: #eef1f5;               /* fundo da página */
  --texto: #1c2733;               /* texto principal */
  --texto2: #5a6776;              /* texto de apoio */
  --texto3: #68737f;              /* legendas e notas */

  /* ---- Cores de estado ------------------------------------------------- */
  --verde: #217a45;               /* texto positivo */
  --verde-acento: #2e9e5b;        /* séries positivas, margem */
  --amarelo: #c98a00;             /* atenção */
  --vermelho: #b3261e;            /* erro, negativo */
  --roxo: #5a2ca0;                /* série adicional */
  --roxo-acento: #7b55b3;
  --roxo2: #8a689e;

  /* ---- Fundos de badge (pares aprovados de contraste) ------------------ */
  --badge-sucesso-fundo: #e9f8ef;  --badge-sucesso-texto: #1c6b3f;
  --badge-atencao-fundo: #fff5e0;  --badge-atencao-texto: #8a5d00;
  --badge-erro-fundo: #fdeceb;     --badge-erro-texto: #8a221b;

  /* ---- Tipografia ------------------------------------------------------ */
  --fonte: 'Segoe UI', Arial, sans-serif;
  --fonte-base: 14px;

  /* ---- Raio ------------------------------------------------------------ */
  --raio-sm: 6px;
  --raio-md: 8px;
  --raio-lg: 10px;
  --raio-xl: 14px;
  --raio-pill: 20px;

  /* ---- Sombra ---------------------------------------------------------- */
  --sombra-cartao: 0 2px 10px rgba(34, 50, 109, .045);
  --sombra-flutuante: 0 8px 26px rgba(31, 45, 91, .12);
  --sombra-sidebar: 8px 0 30px rgba(27, 39, 83, .12);
}