/* Tokens da marca. Bloco :root gerado a partir de paleta.py com hex #6C2C91.
   O hex NUNCA aparece em template: usa var(--cor-primaria) sempre. */

:root {
  /* Cor da marca (paleta.py, matiz 278, sat 53%, lum 37%) */
  --cor-primaria: #6C2C91;
  --cor-primaria-hover: #8335B0;
  --cor-primaria-escura: #38174B;
  --cor-primaria-suave: #F2E8F8;
  --cor-primaria-soft: rgba(108, 44, 145, 0.12);
  --cor-primaria-sombra: rgba(108, 44, 145, 0.15);
  --texto-sobre-primaria: #FFFFFF;

  /* Neutros - tema light */
  --branco: #FFFFFF;
  --fundo: #F6F7F9;
  --fundo-elev: #FFFFFF;
  --superficie: #FFFFFF;
  --borda: #E4E7EB;
  --borda-forte: #CBD1D8;

  /* Texto */
  --texto: #1F2937;
  --texto-suave: #374151;
  --texto-secundario: #6B7280;
  --texto-fraco: #9CA3AF;

  /* Estados */
  --sucesso: #16A34A;
  --erro: #DC2626;
  --alerta: #F59E0B;
  --info: #2563EB;

  /* Tipografia - duas familias */
  --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;

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

  /* Formas */
  --raio: 10px;
  --raio-sm: 6px;
  --raio-lg: 16px;
  --sombra: 0 8px 24px rgba(15, 23, 42, 0.08);
  --sombra-forte: 0 12px 32px rgba(15, 23, 42, 0.14);
  --transicao: 180ms ease;

  /* Layout */
  --sidebar-width: 248px;
  --topbar-h: 60px;
}