/* tokens.css: único arquivo com hex do projeto (Sistema_de_Estilos).
 * Tema light. Rampa do --accent gerada por paleta.py "#3387E9" --tema light.
 * Texto na cor da marca usa --accent-texto (4.69:1); --accent sobre fundo claro dá 3.63:1. */

:root {
  /* Marca */
  --accent: #3387E9;
  --accent-hover: #1872DC;
  --accent-escura: #135AAD;
  --accent-suave: #E7EFF8;
  --accent-soft: rgba(51,135,233,0.12);
  --accent-sombra: rgba(51,135,233,0.15);
  --accent-texto: #1872DC;
  --texto-sobre-accent: #000000;

  /* Superfícies e texto (light) */
  --bg: #F6F7F9;
  --surface: #FFFFFF;
  --surface-2: #F9FAFB;
  --borda: #E5E7EB;
  --borda-forte: #D1D5DB;
  --text: #111827;
  --text-dim: #6B7280;
  --text-mudo: #9CA3AF;

  /* Estados */
  --sucesso: #16a34a;
  --sucesso-suave: #DCFCE7;
  --perigo: #DC2626;
  --perigo-suave: #FEE2E2;
  --aviso: #B45309;
  --aviso-suave: #FEF3C7;
  --info-suave: #E7EFF8;
  --escuro: #1E293B;

  /* Tipografia */
  --font: "Inter", -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-titulo: "Sora", "Inter", sans-serif;
  --fs-xs: 12px; --fs-sm: 13px; --fs-base: 15px;
  --fs-lg: 16px; --fs-xl: 20px; --fs-2xl: 26px;

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

  /* Raio, borda e sombra (Padrao_Box_Card) */
  --raio-sm: 8px;
  --raio: 12px;
  --raio-lg: 18px;
  --raio-full: 9999px;
  --sombra-sm: 0 1px 2px rgba(16,24,40,0.06);
  --sombra: 0 4px 12px rgba(16,24,40,0.08);
  --sombra-lg: 0 12px 32px rgba(16,24,40,0.16);
  --overlay: rgba(17,24,39,0.45);

  /* Elevação (Padrao_Elevacao_Zindex) */
  --z-base:0; --z-sidebar:100; --z-sticky:200; --z-dropdown:300; --z-overlay:400; --z-modal:500; --z-toast:600; --z-tooltip:700;

  /* Layout (Padrao_Menu_Sidebar, Padrao_Barra_de_Filtros) */
  --sidebar-width: 248px;
  --topbar-h: 60px;
  --fu-h: 38px;
  --controle-h: 40px;
}