/* style.css — tokens do projeto Grupo Cristal.
   Família de cor: --cor-primaria (decisão do DIA 3, ver 00_GENESIS/LASTRO.md).
   O hex #0060A8 mora SÓ aqui. Nunca em template. Prova: grep -rn "#0060A8" templates/ vazio. */

:root {
  /* Cor de marca (rampa derivada por paleta.py, tema light) */
  --cor-primaria: #0060A8;
  --cor-primaria-hover: #00497F;
  --cor-primaria-escura: #002C4C;
  --cor-primaria-suave: #E7F1F8;
  --cor-primaria-soft: rgba(0, 96, 168, 0.12);
  --cor-primaria-sombra: rgba(0, 96, 168, 0.15);
  --cor-primaria-texto: #0060A8;
  --texto-sobre-cor-primaria: #FFFFFF;

  /* Neutros (tema light) */
  --branco: #FFFFFF;
  --fundo: #F4F6F9;
  --superficie: #FFFFFF;
  --borda: #E4E8EF;
  --borda-forte: #D3D9E3;
  --texto: #1A1D23;
  --texto-secundario: #4B5563;
  --texto-suave: #6B7280;
  --texto-fraco: #9AA0A8;

  /* Semânticos */
  --success: #16A34A;
  --danger: #DC2626;
  --warning: #F59E0B;

  /* Tipografia — duas famílias (Inter base, Sora título) */
  --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ço, raio, sombra, transição */
  --sp-1: 4px; --sp-2: 8px; --sp-3: 12px;
  --sp-4: 16px; --sp-5: 24px; --sp-6: 32px;

  --raio: 10px;
  --raio-sm: 8px;
  --raio-full: 999px;

  --sombra: 0 1px 3px rgba(16, 24, 40, 0.06), 0 1px 2px rgba(16, 24, 40, 0.04);
  --sombra-card: 0 1px 2px rgba(16, 24, 40, 0.05), 0 4px 12px rgba(16, 24, 40, 0.04);
  --transicao: 0.15s ease;

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