:root {
  /* 2026 Soft Obsidian & Luminous Cyber Palette */
  --bg-primary: #070A0F;
  --bg-secondary: rgba(13, 19, 32, 0.75);
  --bg-surface: rgba(16, 24, 40, 0.65);
  --bg-elevated: rgba(24, 34, 54, 0.75);
  --bg-card: rgba(15, 23, 42, 0.55);
  --bg-card-hover: rgba(22, 34, 58, 0.75);
  
  /* Text Shades */
  --text-primary: #F8FAFC;
  --text-secondary: #94A3B8;
  --text-muted: #64748B;
  --text-dim: #475569;

  /* Refined 2026 Luminous Accents */
  --accent: #2DD4BF;           /* Luminous Soft Teal */
  --accent-light: #5EEAD4;
  --accent-glow: rgba(45, 212, 191, 0.15);
  --accent-secondary: #38BDF8; /* Soft Sky Cyan */
  --accent-secondary-glow: rgba(56, 189, 248, 0.15);
  --accent-gradient: linear-gradient(135deg, #2DD4BF 0%, #38BDF8 100%);
  
  /* Glass Borders & Highlights */
  --border: rgba(255, 255, 255, 0.08);
  --border-light: rgba(255, 255, 255, 0.12);
  --border-accent: rgba(45, 212, 191, 0.3);
  --glass-highlight: inset 0 1px 0 rgba(255, 255, 255, 0.08);

  /* Typography */
  --font-heading: 'Plus Jakarta Sans', 'Inter', -apple-system, sans-serif;
  --font-body: 'Inter', -apple-system, sans-serif;
  --font-mono: 'JetBrains Mono', monospace;

  /* Fluid Typography Scale */
  --fs-xs: clamp(0.75rem, 0.4vw + 0.65rem, 0.825rem);
  --fs-sm: clamp(0.85rem, 0.5vw + 0.75rem, 0.925rem);
  --fs-base: clamp(0.95rem, 0.6vw + 0.8rem, 1.05rem);
  --fs-lg: clamp(1.1rem, 0.8vw + 0.9rem, 1.25rem);
  --fs-xl: clamp(1.25rem, 1.2vw + 0.95rem, 1.5rem);
  --fs-2xl: clamp(1.5rem, 1.8vw + 1.1rem, 2rem);
  --fs-3xl: clamp(2rem, 2.5vw + 1.4rem, 2.75rem);
  --fs-4xl: clamp(2.6rem, 4.5vw + 1.5rem, 4.25rem);

  /* Spacing Scale */
  --space-1: 6px;
  --space-2: 12px;
  --space-3: 18px;
  --space-4: 24px;
  --space-6: 36px;
  --space-8: 48px;
  --space-12: 72px;
  --space-16: 96px;

  /* Border Radii */
  --radius-xs: 6px;
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 18px;
  --radius-xl: 24px;
  --radius-full: 9999px;

  /* Transitions & Shadows */
  --transition-fast: 150ms cubic-bezier(0.16, 1, 0.3, 1);
  --transition-base: 250ms cubic-bezier(0.16, 1, 0.3, 1);
  --transition-slow: 450ms cubic-bezier(0.16, 1, 0.3, 1);
  
  --shadow-sm: 0 2px 8px -2px rgba(0, 0, 0, 0.4);
  --shadow-md: 0 12px 24px -8px rgba(0, 0, 0, 0.5);
  --shadow-lg: 0 20px 40px -12px rgba(0, 0, 0, 0.6), 0 0 0 1px rgba(255, 255, 255, 0.05);
  --shadow-glow: 0 0 35px -5px rgba(45, 212, 191, 0.25);
}