/* ==========================================================
   DESIGN TOKENS — ESTATÍSTICA PC
   Fonte única das cores/espaçamentos/tipografia da marca.
   Este arquivo não estiliza nada, só declara variáveis.
   Deve ser importado ANTES dos outros CSS de cada página.
========================================================== */

:root {

  /* ---------- Cores de marca (brutas) ---------- */
  --marca-azul-escuro: #0B3C5D;
  --marca-azul-claro: #2F7FB8;
  --marca-verde-escuro: #1E7A45;
  --marca-verde-claro: #249C56;
  --marca-laranja-escuro: #FF6B00;
  --marca-laranja-claro: #FFA666;
  --marca-azul-noite: #082B4C;

  /* ---------- Cores semânticas ---------- */
  --cor-primaria: var(--marca-azul-escuro);
  --cor-primaria-hover: var(--marca-azul-claro);

  --cor-sucesso: var(--marca-verde-claro);
  --cor-sucesso-hover: var(--marca-verde-escuro);

  --cor-alerta: var(--marca-laranja-claro);
  --cor-alerta-hover: var(--marca-laranja-escuro);

  /* vermelho terroso, discreto na paleta da marca, reservado só p/ ações destrutivas */
  --cor-perigo: #C4331F;
  --cor-perigo-hover: #9E2717;

  --cor-neutro: #64748B;
  --cor-neutro-hover: #475569;

  /* ---------- Texto e fundo ---------- */
  --texto-principal: var(--marca-azul-noite);
  --texto-secundario: #475569;
  --texto-claro: #FFFFFF;

  --fundo-app: #DCEAF2;
  --fundo-card: #F5FAFD;
  --borda-padrao: #2F7FB8;

  /* ---------- Elevação ---------- */
  --sombra-sm: 0 4px 12px rgba(11, 60, 93, .08);
  --sombra-md: 0 10px 25px rgba(11, 60, 93, .12);
  --sombra-lg: 0 20px 45px rgba(11, 60, 93, .20);

  /* ---------- Raio de borda ---------- */
  --raio-sm: 8px;
  --raio-md: 14px;
  --raio-lg: 18px;
  --raio-xl: 22px;
  --raio-pill: 999px;

  /* ---------- Espaçamento ---------- */
  --esp-1: 6px;
  --esp-2: 10px;
  --esp-3: 16px;
  --esp-4: 20px;
  --esp-5: 28px;
  --esp-6: 40px;

  /* ---------- Tipografia ---------- */
  --fonte-base: "Segoe UI", Arial, Helvetica, sans-serif;

  --texto-xs: 12px;
  --texto-sm: 13px;
  --texto-md: 15px;
  --texto-lg: 18px;
  --texto-xl: 22px;
  --texto-2xl: 28px;

  /* ---------- Transições ---------- */
  --transicao-rapida: .18s ease;
  --transicao-media: .25s ease;
}