:root {
  /* Backgrounds */
  --bg-primary:   #080512;
  --bg-secondary: #0f0a1e;
  --bg-card:      rgba(255,255,255,0.035);
  --bg-card-hover:rgba(255,255,255,0.06);
  --bg-glass:     rgba(255,255,255,0.04);

  /* Brand */
  --gold:         #f5c842;
  --gold-light:   #ffd966;
  --gold-dim:     rgba(245,200,66,0.12);
  --gold-glow:    rgba(245,200,66,0.25);

  /* Accents */
  --green:        #4ade80;
  --blue:         #60a5fa;
  --red:          #f87171;
  --purple:       #c084fc;
  --rose:         #fb7185;

  /* Text */
  --text-primary:   #f0e8ff;
  --text-secondary: #9d8ec0;
  --text-muted:     #5a4d72;

  /* Borders */
  --border:       rgba(255,255,255,0.07);
  --border-gold:  rgba(245,200,66,0.22);

  /* Radius */
  --radius:    16px;
  --radius-sm: 10px;
  --radius-xs: 7px;

  /* Shadows */
  --shadow-card: 0 4px 24px rgba(0,0,0,0.4);
  --shadow-gold: 0 0 20px rgba(245,200,66,0.15);
  --shadow-btn:  0 4px 16px rgba(245,200,66,0.3);

  /* Transitions */
  --transition: 0.22s cubic-bezier(0.4,0,0.2,1);
}