:root {
  /* ═══ ARCADE NEON PALETTE ═══ */
  --color-primary: #FF2D78;        /* Neon Pink */
  --color-primary-dark: #D4175E;
  --color-primary-light: #FF5A9E;
  --color-secondary: #FFE500;       /* Neon Yellow */
  --color-accent: #00E5FF;          /* Electric Blue */
  --color-arcade-red: #FF3333;      /* Arcade Red */
  --color-neon-green: #39FF14;      /* Neon Green */
  --color-neon-purple: #BF00FF;     /* Neon Purple */

  /* Dark backgrounds */
  --color-bg: #0A0A0F;
  --color-bg-alt: #111118;
  --color-surface: #1A1A25;
  --color-surface-hover: #22222F;
  --color-dark: #050508;
  --color-text: #E0E0E8;
  --color-text-muted: #7A7A8E;
  --color-border: #2A2A3A;

  /* Semantic */
  --color-success: #39FF14;
  --color-danger: #FF3333;
  --color-warning: #FFE500;
  --color-info: #00E5FF;

  /* Typography */
  --font-display: 'Press Start 2P', monospace;
  --font-body: 'Poppins', system-ui, sans-serif;

  /* Spacing */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-8: 48px;
  --space-10: 64px;
  --space-12: 96px;

  /* Radius - blocky pixel feel */
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-pill: 999px;

  /* Shadows - Neon glow */
  --shadow-sm: 0 0 8px rgba(255, 45, 120, 0.1);
  --shadow-md: 0 0 16px rgba(255, 45, 120, 0.15);
  --shadow-lg: 0 0 32px rgba(255, 45, 120, 0.2);
  --shadow-glow: 0 0 24px rgba(255, 45, 120, 0.4), 0 0 48px rgba(255, 45, 120, 0.2);
  --shadow-glow-blue: 0 0 24px rgba(0, 229, 255, 0.4), 0 0 48px rgba(0, 229, 255, 0.2);
  --shadow-glow-yellow: 0 0 24px rgba(255, 229, 0, 0.4), 0 0 48px rgba(255, 229, 0, 0.2);

  /* Container */
  --container-max: 1240px;
  --container-padding: 24px;

  /* Transitions */
  --t-fast: 150ms ease;
  --t-base: 250ms cubic-bezier(0.4, 0, 0.2, 1);

  /* Pixel border */
  --pixel-border: 3px solid var(--color-primary);
}