:root {
  /* Core Spacing & Typography Variables */
  --font-base: 'Inter', system-ui, -apple-system, sans-serif;
  --font-display: 'Outfit', system-ui, -apple-system, sans-serif;
  
  --radius-sm: 6px;
  --radius-md: 12px;
  --radius-lg: 20px;
  --radius-full: 9999px;
  
  --container-width: 1200px;
  --container-padding: 24px;

  /* ── LIGHT MODE (Corporate, Clean, Trust) ── */
  --bg-main: #FAFAFC;
  --bg-surface: #FFFFFF;
  --bg-surface-hover: #F8FAFC;
  --bg-inverse: #0F172A;
  
  --text-main: #1E293B;
  --text-muted: #64748B;
  --text-inverse: #F8FAFC;
  
  --primary: #4F46E5; /* Indigo */
  --primary-hover: #4338CA;
  --primary-light: #EEF2FF;
  
  --accent: #F59E0B; /* Amber */
  --accent-hover: #D97706;
  --accent-light: #FEF3C7;
  
  --border-color: #E2E8F0;
  --border-color-strong: #CBD5E1;
  
  --glass-bg: rgba(255, 255, 255, 0.85);
  --glass-border: rgba(255, 255, 255, 0.4);
  
  --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.06), 0 2px 4px -1px rgba(0, 0, 0, 0.04);
  --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.08), 0 4px 6px -2px rgba(0, 0, 0, 0.04);
  --shadow-glow: 0 0 20px rgba(79, 70, 229, 0.15);
}

/* ── DARK MODE ── */
[data-theme="dark"] {
  --bg-main: #020617; /* Deepest Slate / Black */
  --bg-surface: #0F172A;
  --bg-surface-hover: #1E293B;
  --bg-inverse: #FFFFFF;
  
  --text-main: #F8FAFC;
  --text-muted: #94A3B8;
  --text-inverse: #020617;
  
  --primary: #6366F1;
  --primary-hover: #818CF8;
  --primary-light: rgba(99, 102, 241, 0.15);
  
  --accent: #FBBF24;
  --accent-hover: #FCD34D;
  --accent-light: rgba(251, 191, 36, 0.15);
  
  --border-color: #1E293B;
  --border-color-strong: #334155;
  
  --glass-bg: rgba(15, 23, 42, 0.85);
  --glass-border: rgba(255, 255, 255, 0.05);
  
  --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.5);
  --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.6);
  --shadow-glow: 0 0 30px rgba(99, 102, 241, 0.2);
}