:root {
  --purple-deep:   #3D0A6B;
  --purple-main:   #8B2FC9;
  --purple-mid:    #A855F7;
  --purple-light:  #C084FC;
  --yellow-main:   #F5C518;
  --yellow-warm:   #FFD700;
  --yellow-pale:   #FFF3B0;
  --black:         #08010F;
  --dark:          #120A1E;
  --dark-card:     #1C1030;
  --dark-card2:    #221440;
  --white:         #FAFAFA;
  --grey:          #8B8B9E;

  --grad-purple:   linear-gradient(135deg, #8B2FC9, #A855F7);
  --grad-gold:     linear-gradient(135deg, #F5C518, #FFD700);
  --grad-card:     linear-gradient(145deg, #1C1030 0%, #2D1054 100%);
  --grad-hero:     linear-gradient(135deg, #08010F 0%, #3D0A6B 60%, #08010F 100%);
  --glow-purple:   0 0 40px rgba(139,47,201,0.55);
  --glow-yellow:   0 0 40px rgba(245,197,24,0.5);
  --glow-purple-lg:0 0 80px rgba(139,47,201,0.4), 0 0 160px rgba(139,47,201,0.2);

  --font-display:  'Montserrat', sans-serif;
  --font-body:     'Montserrat', sans-serif;
  --font-mono:     'Montserrat', sans-serif;

  --ease-expo:     cubic-bezier(0.16, 1, 0.3, 1);
  --ease-circ:     cubic-bezier(0.785, 0.135, 0.15, 0.86);
  --ease-bounce:   cubic-bezier(0.34, 1.56, 0.64, 1);

  --nav-h: 80px;
  --radius-sm: 8px;
  --radius-md: 16px;
  --radius-lg: 32px;
  --radius-pill: 9999px;

  --z-base:      1;
  --z-card:      10;
  --z-nav:       100;
  --z-cursor:    9999;
  --z-preloader: 10000;
}