:root {
  --burgundy-deep: #140608;
  --burgundy: #2c1118;
  --burgundy-mid: #4a1522;
  --crimson: #c41f3d;
  --neon: #ff2d55;
  --neon-glow: rgba(255, 45, 85, 0.45);
  --gold: #ffb400;
  --gold-light: #ffd84a;
  --gold-dark: #c47a00;
  --brick: #8b3a2f;
  --black: #050505;
  --bg: #0a0608;
  --bg-elevated: #160c10;
  --bg-card: #1c1014;
  --border: rgba(255, 180, 0, 0.2);
  --border-neon: rgba(255, 45, 85, 0.35);
  --text: #fff4e6;
  --text-muted: #d4b896;
  --font-display: "Bebas Neue", "Oswald", Impact, sans-serif;
  --font-body: "Inter", system-ui, sans-serif;
  --radius: 16px;
  --radius-sm: 10px;
  --shadow-neon: 0 0 48px rgba(255, 45, 85, 0.22);
  --shadow-gold: 0 0 40px rgba(255, 180, 0, 0.2);
  --shadow-deep: 0 24px 80px rgba(0, 0, 0, 0.7);
  --header-h: 92px;
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --max: 1180px;
}

@keyframes neon-flicker {
  0%, 100% { opacity: 1; filter: brightness(1); }
  92% { opacity: 1; }
  93% { opacity: 0.88; filter: brightness(0.92); }
  94% { opacity: 1; filter: brightness(1.08); }
  96% { opacity: 0.95; }
}

@keyframes marquee {
  from { transform: translateX(0); }
  to { transform: translateX(-50%); }
}

@keyframes fade-up {
  from { opacity: 0; transform: translateY(32px); }
  to { opacity: 1; transform: translateY(0); }
}

@keyframes shimmer-gold {
  0% { background-position: 200% center; }
  100% { background-position: -200% center; }
}