:root {
  /* Palette */
  --navy: #0a0e27;
  --navy-light: #0f1535;
  --navy-dark: #060918;
  --purple-deep: #1a0a3e;
  --purple-mid: #2d1b69;
  --purple-light: #4a2c8a;
  --gold: #d4af37;
  --gold-light: #e8c94a;
  --gold-dim: rgba(212, 175, 55, 0.15);
  --gold-glow: rgba(212, 175, 55, 0.3);
  
  /* Whites */
  --white: #ffffff;
  --white-90: rgba(255, 255, 255, 0.9);
  --white-70: rgba(255, 255, 255, 0.7);
  --white-50: rgba(255, 255, 255, 0.5);
  --white-20: rgba(255, 255, 255, 0.2);
  --white-10: rgba(255, 255, 255, 0.1);
  --white-05: rgba(255, 255, 255, 0.05);
  
  /* Gradients */
  --gradient-bg: linear-gradient(135deg, #0a0e27 0%, #1a0a3e 50%, #0a0e27 100%);
  --gradient-card: linear-gradient(160deg, rgba(255,255,255,0.08) 0%, rgba(255,255,255,0.02) 100%);
  --gradient-gold: linear-gradient(135deg, #d4af37, #f0d060, #d4af37);
  --gradient-gold-text: linear-gradient(135deg, #d4af37 0%, #f0d060 50%, #d4af37 100%);
  
  /* Shadows */
  --shadow-card: 0 8px 32px rgba(0, 0, 0, 0.3);
  --shadow-glow: 0 0 40px rgba(212, 175, 55, 0.15);
  --shadow-glow-strong: 0 0 60px rgba(212, 175, 55, 0.25);
  
  /* Radius */
  --radius: 16px;
  --radius-sm: 10px;
  --radius-lg: 24px;
  --radius-xl: 32px;
  
  /* Transitions */
  --ease-out: cubic-bezier(0.4, 0, 0.2, 1);
  --ease-elastic: cubic-bezier(0.68, -0.55, 0.265, 1.55);
  --ease-smooth: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  --transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  
  /* Typography */
  --font-body: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
  --font-heading: 'Playfair Display', Georgia, serif;
  
  /* Layout */
  --container-max: 1200px;
  --container-wide: 1400px;
  --section-pad: clamp(80px, 12vw, 160px);
  --section-pad-sm: clamp(40px, 8vw, 80px);
}