@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@400;600;700;800;900&family=Inter:wght@400;500;600;700&display=swap');

:root {
  --color-bg: #030712; /* Deep Slate Black */
  --color-surface: rgba(15, 23, 42, 0.45); /* Glassmorphic Slate */
  --color-surface-2: rgba(30, 41, 59, 0.55); /* KPI Cards and Widgets */
  --color-border: rgba(255, 255, 255, 0.05); /* Translucent borders */
  --color-text: #f9fafb;
  --color-muted: #94a3b8;
  --color-primary: #8b5cf6; /* Violet */
  --color-primary-hover: #a78bfa; /* Violet light hover */
  --color-danger: #ef4444;
  --color-success: #10b981; /* Aligned with Velocidad */
  --font-sans: 'Outfit', 'Inter', system-ui, sans-serif;
  --radius: 14px;
  --shadow: 0 20px 40px -15px rgba(0, 0, 0, 0.6);
  --color-primary-glow: rgba(139, 92, 246, 0.15);
}