/* tokens.css
   Variaveis centrais de cor, fonte, espaco e raio.
   Nenhuma tela deve usar cor/valor solto: sempre var(--x).
   Tema claro. Acento primario: azul-marinho. Acento secundario (detalhes): laranja. */

:root {
  --bg: #f4f6f9;
  --bg-elev: #eaedf2;
  --surface: #ffffff;
  --surface-glass: rgba(255, 255, 255, 0.75);
  --border: #dde1e8;
  --text: #1c2434;
  --text-dim: #6b7280;

  --accent: #1b3358;
  --accent-hover: #274b7d;
  --accent-soft: rgba(27, 51, 88, 0.1);
  --accent-escuro: #10203a;

  --accent-2: #e8871e;
  --accent-2-hover: #f5a03c;
  --accent-2-soft: rgba(232, 135, 30, 0.14);

  --success: #2ecc71;
  --success-soft: rgba(46, 204, 113, 0.14);
  --danger: #e74c3c;
  --danger-soft: rgba(231, 76, 60, 0.14);
  --warning: #f1c40f;
  --warning-soft: rgba(241, 196, 15, 0.14);
  --info: #3387E9;
  --info-soft: rgba(51, 135, 233, 0.14);

  --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: 10px; --radius-sm: 6px; --radius-lg: 16px; --radius-full: 9999px;
  --shadow-sm: 0 2px 8px rgba(28, 36, 52, 0.06);
  --shadow: 0 8px 24px rgba(28, 36, 52, 0.1);
  --shadow-md: 0 12px 32px rgba(28, 36, 52, 0.14);
  --blur: blur(12px);

  --sidebar-w: 248px;
  --topbar-h: 60px;

  --transicao: .18s ease;
}