/* ==========================================================================
   오버톤 사운드랩 — 디자인 토큰
   프리셋: anti-grid
   컨셉 한 문장: 어두운 스튜디오 바닥에 흩뿌린 목록 — 격자는 일부러 비틀었다.
   레퍼런스: R1 carstennicolai.de(실측: 1152px 컨테이너, 비대칭 15/20/85 열,
            압축 타입 스케일 1.8:1, 아카이브 역연도, 형광 1색 → 앰버로 치환)
            R2 obys.agency(스태거 2열, 라인 마스크 리빌, 마퀴 1회)
            R3 절차적 유사-FFT 캔버스(오디오 디코드 회피)
   하지 않은 것: 글래스 도크, 3열 카드, 커서 추적 이펙트, 대문자 타이틀.
               이유: 파열은 하나(스태거+파형)로 족하다.
   ========================================================================== */

:root {
  /* 타입 — R1의 압축 스케일. 최대(40px) ÷ 본문(16px) = 2.5배(선언 문장 제외) */
  --step--1: 0.8125rem;
  --step-0: 1rem;
  --step-1: 1.125rem;
  --step-2: 1.375rem;
  --step-3: clamp(1.875rem, 1.3rem + 2.8vw, 2.5rem); /* 40px 히어로 */
  --step-manifesto: clamp(1.875rem, 1.2rem + 4.4vw, 3.75rem); /* 선언 — 이 페이지의 가장 큰 목소리 */

  --leading-tight: 1.25;
  --leading-normal: 1.75;

  --font-body: "Pretendard Variable", Pretendard, -apple-system, sans-serif;
  --font-mono: "JetBrains Mono", monospace;

  --surface: #0e0d0b;
  --surface-raised: #161411;
  --ink: #ece7dd;
  --ink-muted: #a09a8e;
  --ink-faint: #6f695f;
  --line: #27241f;
  --accent: #e8a33d;        /* 앰버 — 선과 텍스트로만 */
  --accent-dim: rgba(232, 163, 61, 0.35);

  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 1rem;
  --space-4: 1.5rem;
  --space-5: 2.5rem;
  --space-6: 4rem;
  --space-7: 6rem;
  --space-8: clamp(4.5rem, 3rem + 6vw, 8.5rem);

  --radius: 0;              /* 스튜디오 바닥에는 모서리가 없다 */

  --container: 1152px;      /* R1 실측값 */
  --pad-inline: clamp(1.25rem, 1rem + 2.5vw, 4rem);

  --dur-quick: 160ms;
  --dur-normal: 460ms;
  --ease-soft: cubic-bezier(0.25, 1, 0.35, 1);
}