:root {
  /* Backgrounds — deep dark with purple-brown undertone (Arc Raiders) */
  --bg-primary: #0c0a10;
  --bg-secondary: #110e16;
  --bg-card: #15121c;
  --bg-elevated: #1c1826;

  /* Accent Colors — Arc Raiders brand palette */
  --accent-primary: #e8553a;       /* Warm orange-red (Arc Raiders signature) */
  --accent-cyan: #00d4e8;          /* Cyan (logo stripe accent) */
  --accent-gold: #e8b830;          /* Amber gold (logo stripe) */
  --accent-red: #d00000;           /* Guardsman red (brand red) */

  /* Text — warm cream tones matching arcraiders.com */
  --text-primary: #ece2d0;
  --text-secondary: #9e9588;
  --text-muted: #5a564f;

  /* Glows */
  --glow-primary: rgba(232, 85, 58, 0.25);
  --glow-cyan: rgba(0, 212, 232, 0.2);
  --glow-gold: rgba(232, 184, 48, 0.2);

  /* Typography */
  --font-display: 'Barlow Semi Condensed', sans-serif;
  --font-body: 'Barlow', sans-serif;
  --font-mono: 'Space Mono', monospace;

  /* Spacing */
  --section-padding: 8rem 2rem;
  --content-max: 1200px;
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 16px;

  /* Transitions */
  --ease-out: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  --transition-fast: 0.2s var(--ease-out);
  --transition-med: 0.4s var(--ease-out);
  --transition-slow: 0.6s var(--ease-out);
}