:root {
  /* palette — calm deep space: black, navy, violet, teal, white */
  --color-bg: #05070f;
  --color-bg-raise: #0a0e1f;
  --color-ink: oklch(95% 0.01 260);
  --color-muted: oklch(75% 0.015 260 / 0.62);
  --color-faint: oklch(80% 0.01 260 / 0.34);
  --color-line: oklch(90% 0.01 260 / 0.1);

  --accent-teal: #6ee7d8;
  --accent-violet: #a78bfa;
  --accent-ice: #6f88f5;
  --accent-alert: #f0a8a0;
  --accent-gold: #e8c584;

  --glass-bg: rgba(9, 13, 28, 0.66);
  --glass-line: rgba(238, 241, 248, 0.09);

  /* type */
  --font-display: "Space Grotesk", "Apple SD Gothic Neo", "Pretendard", sans-serif;
  --font-body: "Space Grotesk", "Apple SD Gothic Neo", "Pretendard", sans-serif;
  --font-mono: ui-monospace, "SF Mono", "JetBrains Mono", Menlo, monospace;

  --text-xs: 0.6875rem;
  --text-sm: clamp(0.78rem, 0.74rem + 0.2vw, 0.875rem);
  --text-base: clamp(0.95rem, 0.9rem + 0.25vw, 1.0625rem);
  --text-lead: clamp(1.15rem, 1.05rem + 0.5vw, 1.45rem);
  --text-panel-title: clamp(1.7rem, 1.4rem + 1.6vw, 2.6rem);

  /* 여정 카피 — 단일 크기 (강조는 굵기로만, 크기 들쑥날쑥 금지) */
  --text-copy: clamp(1.2rem, 1.05rem + 0.65vw, 1.6rem);

  /* motion */
  --duration-fast: 180ms;
  --duration-normal: 360ms;
  --duration-slow: 700ms;
  --ease-out-expo: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);

  /* space */
  --space-edge: clamp(1.1rem, 3.5vw, 2.6rem);
  --radius-panel: 22px;
  --radius-pill: 999px;
}