:root {
  /* Imperial Kingdom Palette */
  --bg-palace: #050308;
  --bg-obsidian: #09060E;
  --bg-purple-deep: #130720;
  --bg-purple-royal: #240C3B;
  --bg-purple-plum: #3E135B;
  
  /* Glassmorphism Cards with Velvet Undertone */
  --bg-card: rgba(16, 7, 26, 0.82);
  --bg-card-hover: rgba(22, 10, 36, 0.90);
  --bg-frame-inner: #08040C;

  /* 24K Antique Imperial Gold Spectrum */
  --gold-primary: #DFC067;
  --gold-champagne: #F2D888;
  --gold-light: #FFF5D1;
  --gold-dark: #9A751E;
  --gold-bronze: #694C10;
  --gold-foil: #FBE283;

  /* Metallic Royal Gradients */
  --grad-gold-metallic: linear-gradient(135deg, #FFF5D1 0%, #DFC067 28%, #A87E18 55%, #F4DC85 82%, #FFF8DE 100%);
  --grad-gold-button: linear-gradient(135deg, #FFF1B5 0%, #DDB856 25%, #9E7416 65%, #F0D478 100%);
  --grad-gold-button-hover: linear-gradient(135deg, #FFFFFF 0%, #F5D372 25%, #B3861E 65%, #FFEAA0 100%);
  --grad-gold-border: linear-gradient(135deg, rgba(255, 245, 209, 0.7) 0%, rgba(223, 192, 103, 0.4) 40%, rgba(105, 76, 16, 0.6) 75%, rgba(244, 220, 133, 0.6) 100%);
  --grad-purple-velvet: linear-gradient(180deg, rgba(36, 12, 59, 0.4) 0%, rgba(19, 7, 32, 0.85) 100%);
  --grad-gold-subtle: linear-gradient(180deg, rgba(223, 192, 103, 0.14) 0%, rgba(223, 192, 103, 0.02) 100%);

  /* Royal Typography */
  --font-display: 'Cinzel Decorative', 'Cinzel', Georgia, serif;
  --font-serif: 'Cinzel', 'Playfair Display', Georgia, serif;
  --font-sans: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;

  /* Regal Text Colors */
  --text-ivory: #FAF7F2;
  --text-gold-light: #FFF2C8;
  --text-gold-champagne: #EED485;
  --text-muted: #B8B0A2;
  --text-subtle: #847C6E;
  --text-dark: #08050B;

  /* Imperial Glows & Shadows */
  --glow-gold-subtle: 0 0 25px rgba(223, 192, 103, 0.2);
  --glow-gold-medium: 0 0 40px rgba(223, 192, 103, 0.35);
  --glow-gold-strong: 0 0 65px rgba(223, 192, 103, 0.55), 0 0 100px rgba(223, 192, 103, 0.2);
  --glow-purple-ambient: 0 0 50px rgba(62, 19, 91, 0.35);
  --shadow-card: 0 30px 80px rgba(0, 0, 0, 0.95), 0 0 60px rgba(36, 12, 59, 0.35), 0 0 0 1px rgba(223, 192, 103, 0.35);
  --shadow-frame: 0 35px 90px rgba(0, 0, 0, 0.98), inset 0 0 40px rgba(0, 0, 0, 0.8);

  /* Gilded Borders */
  --border-gold-thin: 1px solid rgba(223, 192, 103, 0.35);
  --border-gold-highlight: 1px solid rgba(255, 245, 209, 0.55);

  /* Animations & Transitions */
  --transition-smooth: all 0.35s cubic-bezier(0.22, 1, 0.36, 1);
  --transition-slow: all 0.7s cubic-bezier(0.16, 1, 0.3, 1);
}