/* Tokens do Svalin. Único arquivo com hex (D2); as exceções são o cabeçalho do Excel e a cor do
   manifest em core/config_app.py e o SVG da marca em static/img/ (D41, D52).
   Cores: bloco do DIA 3 com as rampas do paleta.py e a correção D27 (LASTRO). Tema light, sem
   alternador. Tamanhos, espaços e raios: Sistema_de_Estilos e Padrao_Formulario. */
:root {
  --cor-primaria: #0F1E2E;
  --cor-primaria-hover: #050A0F;
  --cor-primaria-escura: #000000;
  --cor-primaria-suave: #E8EFF7;
  --cor-primaria-soft: rgba(15, 30, 46, 0.12);
  --cor-primaria-sombra: rgba(15, 30, 46, 0.15);
  --cor-primaria-texto: #0F1E2E;
  --texto-sobre-cor-primaria: #FFFFFF;

  --cor-alerta: #FF6B00;
  --cor-alerta-hover: #D65A00;
  --cor-alerta-escura: #A34400;
  --cor-alerta-suave: #F8EEE7;
  --cor-alerta-soft: rgba(255, 107, 0, 0.12);
  --cor-alerta-sombra: rgba(255, 107, 0, 0.15);
  --cor-alerta-texto: #A34400;      /* D27: o paleta.py deu #C25100, que reprova sobre #F4F6F9 */
  --texto-sobre-cor-alerta: #000000;

  --cor-sucesso: #10B981;
  --cor-sucesso-hover: #0D9367;
  --cor-sucesso-escura: #096546;
  --cor-sucesso-suave: #E7F8F3;
  --cor-sucesso-soft: rgba(16, 185, 129, 0.12);
  --cor-sucesso-sombra: rgba(16, 185, 129, 0.15);
  --cor-sucesso-texto: #0B815A;
  --texto-sobre-cor-sucesso: #000000;

  /* C2, aceita pelo dono em 27/10/2026 */
  --cor-perigo: #DC2626;
  --cor-perigo-hover: #BB1E1E;
  --cor-perigo-escura: #8F1717;
  --cor-perigo-suave: #F8E7E7;
  --cor-perigo-soft: rgba(220, 38, 38, 0.12);
  --cor-perigo-sombra: rgba(220, 38, 38, 0.15);
  --cor-perigo-texto: #BB1E1E;      /* D27: #DC2626 reprova como letra sobre #F4F6F9 */
  --texto-sobre-cor-perigo: #FFFFFF;

  --bg: #F4F6F9;
  --bg-elev: #FFFFFF;
  --surface: #FFFFFF;
  --border: #D5DCE4;                /* decorativa, separa cards */
  --border-campo: #7D8995;          /* contorno de input, 3,3:1 sobre o fundo */
  --text: #1B2733;
  --text-dim: #5A6675;

  --verde: var(--cor-sucesso);
  --verde-escuro: #0B815A;          /* toggle ligado */
  --ambar: var(--cor-alerta);

  /* Fontes servidas pelo próprio app (static/fonts/fonts.css, D51) */
  --font: 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-titulo: 'Sora', 'Inter', system-ui, sans-serif;

  --fs-xs: 12px;
  --fs-sm: 13px;
  --fs-base: 15px;
  --fs-lg: 16px;
  /* Estado vazio (Padrao_Estado_Vazio): título 17px e frase 13,5px, fora da escala de propósito */
  --fs-vz-titulo: 17px;
  --fs-vz-sub: 13.5px;
  /* Tabela (Sistema_de_Estilos): cabeçalho 11,5px e corpo 14px */
  --fs-th: 11.5px;
  --fs-td: 14px;
  --fs-xl: 20px;
  --fs-2xl: 26px;

  --sp-1: 4px;
  --sp-2: 8px;
  --sp-vz-sub: 7px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 24px;
  --sp-6: 32px;

  /* Raios de Padrao_Box_Card; os --radius da Fase 4 apontam para eles */
  --raio-sm: 8px;
  --raio: 12px;
  --raio-lg: 18px;
  --raio-full: 9999px;
  --radius: var(--raio);
  --radius-sm: var(--raio-sm);
  --radius-lg: var(--raio-lg);

  /* Sombras de Padrao_Box_Card, sempre na cor da marca com pouca opacidade */
  --sombra-sm: 0 1px 3px rgba(15, 30, 46, 0.08);
  --sombra: 0 4px 12px rgba(15, 30, 46, 0.10);
  --sombra-md: 0 8px 24px rgba(15, 30, 46, 0.14);
  --sombra-lg: 0 16px 48px rgba(15, 30, 46, 0.22);
  --sombra-cartao: 0 8px 24px rgba(15, 30, 46, 0.08);

  /* Nomes que as notas usam (D3): cada um aponta para a cor do Svalin */
  --borda: var(--border);
  --borda-forte: var(--border-campo);
  --texto: var(--text);
  --texto-secundario: var(--text-dim);
  --texto-suave: var(--text-dim);
  --verde-suave: var(--cor-sucesso-suave);
  --ambar-suave: var(--cor-alerta-suave);
  --vermelho: var(--cor-perigo);
  --vermelho-suave: var(--cor-perigo-suave);
  --branco: var(--surface);
  --fundo: var(--bg);
  --texto-fraco: var(--text-dim);
  --scrim: rgba(0, 0, 0, 0.4);
  --transicao: .16s ease;           /* Padrao_Origem_Ancorada: 160ms é o teto */
  --topbar-texto: var(--texto-sobre-cor-primaria);
  --topbar-borda: rgba(255, 255, 255, 0.32);

  /* Escala de camadas (Padrao_Elevacao_Zindex): nenhum z-index fora dela */
  --z-base: 0;
  --z-sidebar: 100;
  --z-sticky: 200;
  --z-dropdown: 300;
  --z-overlay: 400;
  --z-modal: 500;
  --z-toast: 600;
  --z-tooltip: 700;

  --sidebar-width: 248px;           /* Padrao_Menu_Sidebar: o <head> troca pelo valor salvo antes do render */
  --topbar-h: 58px;                 /* Padrao_Acao_Primaria_na_Topbar: altura fixa 58px */
  --altura-controle: 40px;          /* Padrao_Formulario: input, select e botão com 40px */
  --fu-h: 40px;                     /* D6: barra de filtros com 40px */
  --foco: 0 0 0 3px var(--cor-primaria-soft);
}