/* ============================================
   DREAM PLAY — Design Tokens
   Dark futuristic gaming aesthetic
   ============================================ */
:root {
  /* Color — Deep Void theme */
  --bg: #07070f;
  --bg-elev: #0d0d1a;
  --surface: #14142a;
  --surface-2: #1c1c38;
  --line: rgba(255, 255, 255, 0.08);
  --line-strong: rgba(255, 255, 255, 0.16);

  --text: #f1f0fa;
  --text-muted: #a0a0ba;
  --text-faint: #6b6b85;

  --accent: #8b5cf6;         /* electric violet */
  --accent-hot: #e935c1;     /* magenta burst */
  --accent-soft: rgba(139, 92, 246, 0.16);
  --cyan: #2dd4bf;           /* data / secondary signal */
  --grad: linear-gradient(100deg, #8b5cf6 0%, #e935c1 100%);

  /* Typography */
  --font-display: "Unbounded", sans-serif;
  --font-body: "Space Grotesk", sans-serif;

  /* Fluid type scale */
  --fs-hero: clamp(2.6rem, 7vw, 5.2rem);
  --fs-h1: clamp(2.2rem, 5vw, 3.6rem);
  --fs-h2: clamp(1.6rem, 3.2vw, 2.4rem);
  --fs-h3: clamp(1.15rem, 2vw, 1.45rem);
  --fs-body: clamp(1rem, 1.4vw, 1.125rem);
  --fs-small: 0.875rem;
  --fs-micro: 0.75rem;

  /* Spacing */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2.25rem;
  --space-7: 3.5rem;
  --space-8: 5rem;
  --space-9: 7.5rem;

  /* Layout */
  --container: 1240px;
  --gutter: clamp(1.25rem, 4vw, 3rem);
  --radius: 14px;
  --radius-lg: 22px;

  /* Motion */
  --ease: cubic-bezier(0.22, 1, 0.36, 1);
  --dur: 0.5s;
}