:root {
  /* Color Palette - Premium Navy & Electric Accents */
  --bg-dark-base: #060911;
  --bg-dark-depth: #090E1B;
  --bg-dark-surface: #0E162A;
  --bg-dark-elevated: #141F3B;
  --bg-dark-card: rgba(14, 22, 42, 0.75);
  --bg-dark-card-hover: rgba(22, 33, 62, 0.9);

  /* High Contrast Light Sections (Sophisticated contrast) */
  --bg-light: #F8FAFC;
  --bg-light-alt: #FFFFFF;
  --bg-light-card: #FFFFFF;
  --text-light-heading: #0F172A;
  --text-light-body: #334155;
  --text-light-muted: #64748B;
  --border-light: #E2E8F0;

  /* Electric Accents */
  --electric-blue: #2563EB;
  --electric-blue-light: #3B82F6;
  --electric-cyan: #38BDF8;
  --electric-violet: #8B5CF6;
  --electric-purple: #7C3AED;
  --neon-glow: rgba(56, 189, 248, 0.35);

  /* Functional Status */
  --success: #10B981;
  --success-glow: rgba(16, 185, 129, 0.2);
  --warning: #F59E0B;
  --danger: #EF4444;

  /* Typography Colors (Dark Mode Default) */
  --text-primary: #FFFFFF;
  --text-secondary: #CBD5E1;
  --text-muted: #94A3B8;
  --text-dim: #64748B;

  /* Gradients */
  --gradient-primary: linear-gradient(135deg, #38BDF8 0%, #2563EB 55%, #8B5CF6 100%);
  --gradient-accent: linear-gradient(135deg, #2563EB 0%, #7C3AED 100%);
  --gradient-text: linear-gradient(135deg, #FFFFFF 20%, #93C5FD 70%, #C4B5FD 100%);
  --gradient-card: linear-gradient(180deg, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0.01) 100%);
  --gradient-glow: radial-gradient(circle at 50% 0%, rgba(56, 189, 248, 0.15) 0%, rgba(37, 99, 235, 0.05) 45%, transparent 70%);

  /* Borders */
  --border-subtle: rgba(255, 255, 255, 0.08);
  --border-medium: rgba(255, 255, 255, 0.16);
  --border-highlight: rgba(56, 189, 248, 0.35);

  /* Typography */
  --font-heading: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;

  /* Spacing */
  --container-width: 1240px;
  --container-narrow: 920px;
  --header-height: 80px;

  /* Border Radii */
  --radius-xs: 4px;
  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-lg: 20px;
  --radius-xl: 28px;
  --radius-full: 9999px;

  /* Shadows */
  --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.25);
  --shadow-md: 0 8px 24px -4px rgba(0, 0, 0, 0.4);
  --shadow-lg: 0 20px 40px -10px rgba(0, 0, 0, 0.6);
  --shadow-glow: 0 0 35px -5px rgba(37, 99, 235, 0.4);
  --shadow-cyan: 0 0 30px -5px rgba(56, 189, 248, 0.4);

  /* Transitions */
  --transition-fast: 0.18s cubic-bezier(0.16, 1, 0.3, 1);
  --transition-normal: 0.28s cubic-bezier(0.16, 1, 0.3, 1);
  --transition-slow: 0.5s cubic-bezier(0.16, 1, 0.3, 1);
}