:root {
  --bg-primary: #05060b;
  --bg-secondary: #0a0b12;
  --bg-card: #101218;
  --bg-elevated: #161821;
  --bg-hover: #1c1f2b;
  --bg-glass: rgba(16, 18, 24, 0.78);

  --accent-purple: #8b2cff;
  --accent-purple-light: #b84cff;
  --accent-purple-deep: #3d087c;
  --accent-purple-dim: rgba(139, 44, 255, 0.16);
  --accent-gold: #e8eaf0;
  --accent-gold-light: #ffffff;
  --accent-gold-dim: rgba(232, 234, 240, 0.12);
  --accent-chrome: #9ca3af;
  --accent-red: #f04444;
  --accent-blue: #4c8dff;

  --rarity-common: #b0c3d9;
  --rarity-uncommon: #4b69ff;
  --rarity-rare: #8847ff;
  --rarity-epic: #d32ce6;
  --rarity-legendary: #eb4b4b;
  --rarity-mythic: #ffd700;

  --text-primary: #e8eaf0;
  --text-secondary: #9ca3af;
  --text-muted: #6b7280;

  --border-subtle: rgba(232, 234, 240, 0.08);
  --border-glow: rgba(139, 44, 255, 0.35);

  --shadow-card: 0 24px 60px rgba(0, 0, 0, 0.62);
  --shadow-glow-purple: 0 0 40px rgba(139, 44, 255, 0.4);
  --shadow-glow-gold: 0 0 36px rgba(184, 76, 255, 0.22);
  --shadow-glow-purple-strong: 0 0 80px rgba(139, 44, 255, 0.6);
  --shadow-glow-gold-strong: 0 0 70px rgba(184, 76, 255, 0.4);

  --radius-sm: 0;
  --radius-md: 0;
  --radius-lg: 0;
  --radius-xl: 0;
  --cut: 8px;
  --clip-cut: polygon(var(--cut) 0, 100% 0, 100% calc(100% - var(--cut)), calc(100% - var(--cut)) 100%, 0 100%, 0 var(--cut));
  --font-display: "Oswald", "Impact", sans-serif;

  --header-h: 108px;
  --menubar-h: 64px;
  --content-max: 1440px;
  --main-padding: 24px;

  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
  --dur-fast: 150ms;
  --dur-med: 250ms;
  --dur-slow: 450ms;
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}