:root {
  --color-primary: #21a7ff;
  --color-secondary: #ffd429;
  --color-accent: #ff3fa4;
  --color-success: #30c95d;
  --color-warning: #ff9a22;
  --color-danger: #f54242;
  --color-purple: #7438ff;
  --color-cyan: #2be7ff;
  --color-bg: #101747;
  --color-surface: rgba(17, 39, 109, 0.82);
  --color-surface-soft: rgba(10, 23, 72, 0.72);
  --color-text: #fffaff;
  --color-text-muted: #d5e3ff;
  --color-border: rgba(255, 255, 255, 0.24);
  --gradient-pink: linear-gradient(180deg, #ff7bc6 0%, #f10b78 100%);
  --gradient-blue: linear-gradient(180deg, #4fd5ff 0%, #0468e8 100%);
  --gradient-purple: linear-gradient(180deg, #b076ff 0%, #5527df 100%);
  --gradient-gold: linear-gradient(180deg, #fff06b 0%, #ff9b00 100%);
  --gradient-green: linear-gradient(180deg, #72f07b 0%, #12ae43 100%);
  --radius: 24px;
  --radius-button: 28px;
  --shadow-soft: 0 18px 46px rgba(3, 8, 38, 0.42);
  --shadow-press: 0 7px 0 rgba(0, 0, 0, 0.34), 0 16px 28px rgba(0, 0, 0, 0.28);
}