/* ONE GATE — Design System v0.1 */
:root {
  color-scheme: dark;

  /* Backgrounds */
  --void: #090b17;
  --night: #111329;
  --surface: #171a30;
  --elevated: #252540;

  /* Signature colors */
  --violet: #a793ff;
  --violet-light: #d2c8ff;
  --cyan: #80dce4;
  --gold: #d9bc88;

  /* Text and states */
  --text: #f4f1ff;
  --muted: #b4b0cc;
  --border: #393952;
  --success: #78deb0;
  --warning: #efc878;
  --error: #ee929f;

  /* Typography */
  --font: system-ui, sans-serif;
  --text-small: .875rem;
  --text-base: 1rem;
  --text-large: 1.25rem;
  --text-hero: clamp(2.5rem,7vw,5rem);

  /* Shape */
  --radius-small: 10px;
  --radius-medium: 16px;
  --radius-large: 24px;
  --radius-pill: 999px;

  /* Motion */
  --motion-fast: 150ms;
  --motion-normal: 300ms;
  --motion-slow: 700ms;
  --ease: cubic-bezier(.22,1,.36,1);

  /* Lighting */
  --glow: 0 0 40px rgba(167,147,255,.25);
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --motion-fast: 0ms;
    --motion-normal: 0ms;
    --motion-slow: 0ms;
  }
}