/* ============================================================
   Helix Games - Design Tokens
   Single source of truth for all colors, spacing, and theme values.
   Import this file BEFORE any other custom CSS.
   ============================================================ */

:root {
  /* Primary brand colors */
  --helix-primary: #3cd2a5;
  --helix-primary-light: #5ddbb5;
  --helix-primary-dark: #2ab88c;

  /* Backgrounds */
  --helix-bg-dark: #0a0e10;
  --helix-bg-card: #1a1f23;

  /* Text */
  --helix-text: #ffffff;
  --helix-text-muted: rgba(255, 255, 255, 0.6);

  /* Effects */
  --helix-glow: rgba(60, 210, 165, 0.6);
}

/* Global keyboard-focus indicator (invisible for mouse users) */
:focus-visible {
  outline: 2px solid var(--helix-primary);
  outline-offset: 2px;
}

/* Respect user preference for reduced motion */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}