:root {
  --bg-0: #020b18;
  --bg-1: #040f20;
  --bg-2: #071628;
  --bg-card: rgba(5, 14, 28, 0.82);
  --bg-card-hover: rgba(7, 18, 36, 0.95);
  --bg-glass: rgba(4, 12, 24, 0.72);

  --accent-blue: #3b9eff;
  --accent-teal: #00e5b8;
  --accent-purple: #8b72ff;
  --accent-amber: #ffb340;

  --text-0: #eef3ff;
  --text-1: #7d9ab8;
  --text-2: #4a6680;

  --border: rgba(59, 158, 255, 0.10);
  --border-m: rgba(59, 158, 255, 0.22);
  --border-hover: rgba(59, 158, 255, 0.50);
  --glow-blue: rgba(59, 158, 255, 0.18);
  --glow-teal: rgba(0, 229, 184, 0.18);

  --font-display: 'Syne', 'Noto Sans JP', sans-serif;
  --font-mono: 'JetBrains Mono', 'Noto Sans JP', monospace;
  --font-body: 'Noto Sans JP', sans-serif;

  --r-xs: 4px;
  --r-sm: 8px;
  --r-md: 14px;
  --r-lg: 22px;
  --r-xl: 28px;
  --r-2xl: 40px;

  --ease: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  --ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);

  --t: 0.28s;
  --t-fast: 0.16s;
  --t-slow: 0.5s;

  --nav-h: 66px;
  --container-max: 1120px;
  --container-pad: clamp(20px, 5vw, 64px);

  --z-bg: 0;
  --z-base: 1;
  --z-card: 10;
  --z-nav: 500;
  --z-modal: 800;
  --z-toast: 900;
  --z-cursor: 9999;
  --z-progress: 9998;
}

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