// Backgrounds
@color-base:          #0d0d0d;
@color-surface:       #161616;
@color-elevated:      #1e1e1e;
@color-border:        #2a2a2a;
@color-border-bright: #383838;

// Accent
@color-accent:        #e04a38;
@color-accent-dim:    #c13827;
@color-accent-glow:   rgba(224, 74, 56, 0.13);

// Text
@color-text:          #efefef;
@color-muted:         #909090;
@color-faint:         #505050;

// Semantic
@color-success:        #34d399;
@color-success-dim:    #065f46;
@color-success-active: #21aa21;
@color-error:          #fb7185;
@color-error-dim:      #881337;
@color-warning:        #fbbf24;
@color-info:           #60a5fa;

// Fill overlays
@color-fill-subtle:  rgba(255, 255, 255, 0.04);
@color-fill-overlay: rgba(255, 255, 255, 0.08);

// KPI card accents
@color-blue-text:   #60a5fa; @color-blue-border: #3b6ea8; @color-blue-bg: rgba(96,165,250,0.10);
@color-orange-text: #fb923c; @color-orange-border: #c2622a; @color-orange-bg: rgba(251,146,60,0.10);
@color-green-text:  #34d399; @color-green-border: #2a8a61; @color-green-bg: rgba(52,211,153,0.10);
@color-purple-text: #a78bfa; @color-purple-border: #6d4fc2; @color-purple-bg: rgba(167,139,250,0.10);
@color-gray-text:   #94a3b8; @color-gray-border: #323a47; @color-gray-bg: rgba(148,163,184,0.10);

// Typography
@font-ui:   'Outfit', system-ui, sans-serif;
@font-mono: 'JetBrains Mono', monospace;

@text-xs:   11px;
@text-sm:   12px;
@text-base: 14px;
@text-md:   16px;
@text-lg:   20px;
@text-xl:   24px;

// Spacing
@space-1: 4px;
@space-2: 8px;
@space-3: 12px;
@space-4: 16px;
@space-5: 20px;
@space-6: 24px;
@space-8: 32px;
@space-12: 48px;

// Radius
@radius-input:  10px;
@radius-card:   10px;
@radius-btn:    6px;
@radius-pill:   9999px;
@radius-chip:   4px;

// Transitions
@transition-fast: 0.15s ease-in-out;
@transition-card: 0.18s ease-in-out;
@transition-sidebar: width 0.25s ease-in-out;