:root {
  /* Colors */
  --color-bg: #0b0f14;
  --color-fg: #eaf6ff;
  --color-accent: #00f6ff;
  --color-accent-2: #00a8cc;
  --color-danger: #ff5577;
  --color-muted: #99b3c2;

  /* Radii */
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 16px;

  /* Spacing */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation: none !important;
    transition: none !important;
  }
}