/* ==========================================================================
   비색, 1,280°C — 디자인 토큰 (2026-10-06 재작업)
   컨셉: 관람객이 유약 접사를 화면 가득 보고, 전시실 두 곳의 차례를 그 자리에서
         읽은 뒤 기간·시간을 확인한다. 섹션 하나가 암실의 벽 하나다.
   배정(outputs/rework-2026-10-06/plan.md): Song Myung / Noto Sans KR ·
         청록빛 먹 #0f1a18 · 167° 청록 · radius 4px · scroll-driven · feTurbulence · 듀오톤.
   값은 여기 한 곳에만 둔다. 다른 CSS 파일은 var()만 쓴다.
   ========================================================================== */

:root {
  /* 타입 — 본문 16px, 표제는 한 줄 큰 낱말. 1440에서 표제 ÷ 본문 ≈ 7.5배 */
  --step--1: 0.8125rem; /* 13px — 캡션·보조. 한글 하한(typography §6-5) */
  --step-0: 1rem; /* 16px */
  --step-1: 1.1875rem; /* 19px — 리드 */
  --step-2: clamp(1.5rem, 1.2rem + 1.4vw, 2.25rem); /* 24→36px — 섹션 제목 문장 */
  --step-3: clamp(2.75rem, 1rem + 7.5vw, 7.5rem); /* 44→120px — h1 한 줄 큰 낱말 */
  --step-numeral: clamp(4rem, 2rem + 9vw, 9rem); /* 전시실 번호 */

  --leading-tight: 1.15; /* 한 줄 표제·숫자 */
  --leading-heading: 1.3;
  --leading-body: 1.7;

  --font-display: "Song Myung", "Apple SD Gothic Neo", serif;
  --font-body: "Noto Sans KR", "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;
  --weight-body: 400;
  --weight-strong: 500;

  /* 색 — 청록빛 먹. 조명 밖의 전시실 벽. 강조는 유약 색 하나(167°). */
  --surface: #0f1a18;
  --surface-raised: #15231f;
  --surface-rgb: 15 26 24;
  --ink: #e8ece9;
  --ink-muted: #aab6b0; /* #0f1a18 위 8.9:1 */
  --ink-faint: #8a9892; /* #0f1a18 위 5.6:1 — 캡션 */
  --line: #243632;
  --accent: #84c3a9; /* OKLCH 167° (similarity.mjs 기준). 차례 번호·링크 밑줄·포커스에만 */
  --accent-ink: #0b1513; /* 강조 면 위 글자 */

  /* 듀오톤 램프 — index.html의 #duotone 필터가 같은 값을 쓴다 */
  --duo-shadow: var(--surface);
  --duo-high: #cfe3da;

  /* 간격 — 8px 리듬 */
  --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(5rem, 3rem + 8vw, 11rem); /* 벽 사이 — 의도된 극단 */

  --radius: 4px;

  --measure: 34em; /* 한글 본문 34자 안팎 */
  --container: 1280px;
  --pad-inline: clamp(1.25rem, 0.5rem + 3vw, 4rem);

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

  /* 히어로 접사의 스크롤 확대·이동 끝값 */
  --hero-scale-to: 1.14;
  --hero-shift-to: -5%;

  /* placeholder 표식 — 사용자만 아는 값(장소·문의) */
  --placeholder-line: 1px dashed var(--ink-faint);
}