/* variables.css - GenZ Premium Tech Overhaul */
:root {
  /* Core Backgrounds - Deeper, richer space blue/black */
  --bg-primary: #030712;
  --bg-secondary: #0B1120;
  --bg-card: #111827;
  --bg-card-hover: #1F2937;
  --bg-card-deep: #0B1120;
  
  /* Glassmorphism Tokens */
  --bg-glass: rgba(17, 24, 39, 0.7);
  --border-glass: rgba(255, 255, 255, 0.08);
  
  /* Accents - Ultra Vibrant Neon */
  --accent-blue: #3b82f6;
  --accent-blue-dark: #2563eb;
  --accent-blue-light: #60a5fa;
  --accent-gold: #f59e0b;
  --accent-yellow: #FFD700;
  --accent-yellow-dim: #D4AF37;
  --accent-yellow-glow: rgba(255, 215, 0, 0.15);
  --accent-green: #10B981;
  --accent-red: #EF4444;
  --accent-purple: #8B5CF6;
  --accent-cyan: #06b6d4;
  --accent-orange: #F97316;
  
  /* Typography Colors */
  --text-primary: #F9FAFB;
  --text-secondary: #9CA3AF;
  --text-muted: #6B7280;
  
  /* Borders */
  --border-color: #374151;
  --border-subtle: rgba(255,255,255,0.05);
  
  /* Gradients */
  --gradient-hero: linear-gradient(135deg, #030712 0%, #0B1120 50%, #111827 100%);
  --gradient-accent: linear-gradient(135deg, #3b82f6 0%, #8B5CF6 100%);
  --gradient-gold: linear-gradient(135deg, #FFD700 0%, #f59e0b 100%);
  
  /* Fonts */
  --font-sans: 'Inter', system-ui, -apple-system, sans-serif;
  --font-heading: 'Outfit', 'Inter', system-ui, sans-serif;
  --font-mono: 'JetBrains Mono', 'Fira Code', 'Courier New', monospace;
  
  /* Border Radius - Softer, friendlier curves */
  --radius-sm: 10px;
  --radius-md: 16px;
  --radius-lg: 24px;
  --radius-xl: 32px;
  
  /* Shadows - Glowing, diffused */
  --shadow-card: 0 10px 30px rgba(0, 0, 0, 0.5);
  --shadow-glow: 0 0 24px rgba(59, 130, 246, 0.3);
  --shadow-glow-gold: 0 0 24px rgba(255, 215, 0, 0.25);
  
  /* Transitions - Springy and fluid */
  --transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  --transition-smooth: all 0.3s ease;
  
  --navbar-height: 72px;
}