/*
 * assets/css/variables.css
 * Variáveis de cores, tipografia, espaçamentos e dimensões.
 */

:root {
  /* Identidade visual */
  --cor-azul-escuro: #14263D;
  --cor-azul-secundario: #243B55;
  --cor-fundo: #F5F7FA;
  --cor-branco: #FFFFFF;
  --cor-verde: #16A34A;
  --cor-vermelho: #DC2626;
  --cor-laranja: #F59E0B;
  --cor-texto-secundario: #64748B;

  /* Apoio */
  --cor-texto: #1E293B;
  --cor-texto-rotulo: #334155;
  --cor-borda: #E2E8F0;
  --cor-borda-forte: #CBD5E1;
  --cor-superficie-suave: #F8FAFC;
  --cor-foco: rgba(36, 59, 85, 0.22);

  /* Tons (fundo suave e texto legível sobre ele) */
  --cor-azul-suave: #E8EEF6;
  --cor-verde-suave: #DCFCE7;
  --cor-verde-texto: #15803D;
  --cor-laranja-suave: #FEF3C7;
  --cor-laranja-texto: #B45309;
  --cor-vermelho-suave: #FEE2E2;
  --cor-vermelho-texto: #B91C1C;
  --cor-neutro-suave: #F1F5F9;
  --cor-neutro-texto: #475569;

  /* Tipografia */
  --fonte-base: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --texto-xs: 0.75rem;
  --texto-sm: 0.875rem;
  --texto-base: 0.9375rem;
  --texto-md: 1rem;
  --texto-lg: 1.25rem;
  --texto-xl: 1.375rem;
  --texto-2xl: 1.875rem;

  /* Espaçamentos */
  --esp-1: 0.25rem;
  --esp-2: 0.5rem;
  --esp-3: 0.75rem;
  --esp-4: 1rem;
  --esp-5: 1.25rem;
  --esp-6: 1.5rem;
  --esp-8: 2rem;
  --esp-10: 2.5rem;

  /* Bordas e sombras */
  --raio-sm: 6px;
  --raio-md: 10px;
  --raio-lg: 14px;
  --raio-full: 999px;
  --sombra-sm: 0 1px 2px rgba(15, 23, 42, 0.05);
  --sombra-md: 0 2px 4px rgba(15, 23, 42, 0.04), 0 6px 16px rgba(15, 23, 42, 0.06);
  --sombra-lg: 0 12px 32px rgba(15, 23, 42, 0.18);

  /* Dimensões */
  --sidebar-largura: 264px;
  --sidebar-largura-compacta: 80px;
  --topbar-altura: 80px;
  --conteudo-largura-max: 1400px;
  --controle-altura: 42px;

  /* Animações */
  --transicao-rapida: 150ms ease;
  --transicao: 240ms ease;

  /* Camadas */
  --z-topbar: 20;
  --z-overlay: 30;
  --z-sidebar: 40;
  --z-notificacoes: 60;
}