:root {
  --sidebar-w: 230px;
  --sidebar-w-col: 60px;
  --topbar-h: 54px;

  /* Paleta Trevisan (navy + azul) */
  --primaria-escura: #0A1F33;
  --primaria-media:  #3387E9;
  --primaria-clara:  #5B9FEF;
  --primaria-hover:  #1E6FD0;
  --primaria-bg:     #E7F0FD;
  --primaria-text:   #1E5FA8;

  --sidebar-bg:          #ffffff;
  --sidebar-borda:       #e5e7eb;
  --sidebar-active-bg:   var(--primaria-media);
  --sidebar-active-text: #ffffff;
  --sidebar-text:        #374151;
  --sidebar-text-muted:  #9ca3af;
  --sidebar-hover-bg:    #f3f4f6;
  --sidebar-sub-bg:      #f9fafb;

  --topbar-bg:   var(--primaria-escura);
  --topbar-text: #ffffff;

  --branco:      #ffffff;
  --bg:          #f3f4f6;
  --cinza-claro: #f9fafb;
  --cinza-medio: #e5e7eb;
  --cinza-borda: #d1d5db;
  --cinza-texto: #6b7280;
  --texto:       #1f2937;

  /* Aliases usados nas telas de admin/login (mesma paleta, outros nomes) */
  --accent:        var(--primaria-media);
  --accent-hover:  var(--primaria-hover);
  --accent-soft:   rgba(51, 135, 233, 0.14);
  --success: #2ecc71;
  --danger:  #e74c3c;
  --warning: #f1c40f;
  --border:  var(--cinza-borda);
  --surface: var(--branco);
  --text:    var(--texto);
  --text-dim: var(--cinza-texto);

  --font: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --fs-xs: 12px; --fs-sm: 13px; --fs-base: 14px;
  --fs-lg: 16px; --fs-xl: 20px; --fs-2xl: 28px;

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

  --radius: 6px; --radius-sm: 6px; --radius-lg: 12px;
  --sombra-sm: 0 1px 2px rgba(0,0,0,0.06), 0 1px 3px rgba(0,0,0,0.08);
  --sombra:    0 4px 12px rgba(0,0,0,0.08);
  --shadow:       var(--sombra-sm);
  --shadow-glass: var(--sombra);
  --blur: blur(12px);
  --trans: 0.2s ease;
}

/* Dark mode: troca so as variaveis, o resto do CSS ja usa var(--algo) */
[data-theme="dark"] {
  --bg:          #121212;
  --branco:      #1e1e1e;
  --cinza-claro: #252525;
  --cinza-medio: #333333;
  --cinza-borda: #404040;
  --cinza-texto: #a0a0a0;
  --texto:       #e0e0e0;

  --sidebar-bg:       #1a1a1a;
  --sidebar-borda:    #333333;
  --sidebar-text:     #d0d0d0;
  --sidebar-hover-bg: #252525;
  --sidebar-sub-bg:   #1e1e1e;

  --primaria-bg:   #0d1f33;
  --primaria-text: #5b9fef;

  --surface: var(--branco);
  --border:  var(--cinza-borda);
  --text:    var(--texto);
  --text-dim: var(--cinza-texto);
}