/* 한성활자연구소 토큰 — 값은 여기서만 정의한다(05 Q-25). 다른 CSS는 var()로만 쓴다. */
:root {
  /* 타입 스케일: 본문 17px, 보조 13px, 표제는 한 줄 큰 낱말 */
  --step--1: 0.8125rem;
  --step-0: 1.0625rem;
  --step-1: 1.25rem;
  --step-2: clamp(1.5rem, 1.15rem + 1.3vw, 2.125rem);
  --step-3: clamp(2.75rem, 1.4rem + 4.5vw, 5.75rem);
  --glyph-size: min(56svh, 50vw);
  --wordmark-size: clamp(2.5rem, 12vw, 11rem);
  --leading-tight: 1.25;
  --leading-normal: 1.7;
  --measure: 36em;

  /* UI 서체: 표제 Noto Serif KR 900 / 본문 Noto Sans KR. 표본 서체는 UI에 쓰지 않는다 */
  --font-display: "Noto Serif KR", "Apple SD Gothic Neo", "Malgun Gothic", serif;
  --font-body: "Noto Sans KR", "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;
  --weight-display: 900;
  --weight-strong: 400; /* Noto Sans KR은 400 한 굵기만 싣는다(전송량). 강조는 색·서체로 낸다 */

  /* 표본 서체: 마루 부리(자체 호스팅, 정적 400·600)와 Pretendard(가변 45~920). 표본·시험대에만 쓴다 */
  --face-buri: "MaruBuri", "Noto Serif KR", serif;
  --face-godic: "Pretendard Variable", Pretendard, "Noto Sans KR", sans-serif;

  /* 색: 밝은 쿨 중립 바탕, 240° 남색 잉크 강조. 강조는 거대 글자·슬라이더·선택 상태에만 */
  --surface: #f1f2f4;
  --surface-raised: #e5e7eb;
  --ink: #16171d;
  --ink-muted: #565966;
  --line: #c3c6cf;
  --line-strong: #737786;
  --accent: #22235a;
  --accent-hover: #15163f;
  --accent-ink: #f1f2f4;
  --accent-soft: #d8daea;

  --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 + 7vw, 10rem);

  --radius: 0;
  --container: 80rem;
  --pad-inline: clamp(1.25rem, 1rem + 2.5vw, 4.5rem);
  --head-height: 4.25rem;

  --dur-quick: 160ms;
  --dur-slow: 320ms;
  --ease-soft: cubic-bezier(0.25, 1, 0.35, 1);
  --ease-in: cubic-bezier(0.5, 0, 0.9, 0.4);
}