/* ==========================================================================
   캐스크 아카이브 — 디자인 토큰 (이 파일 한 곳에서만 정의한다)
   방향: 어두운 웜 바탕의 아카이브 문서. 캐스크 번호 목록이 첫 화면, 표제는 작게.
   표제 Nanum Myeongjo / 본문 IBM Plex Sans KR / 강조 25° 구리 / radius 2px
   ========================================================================== */

:root {
  /* 타입 스케일 — 한글 본문 16px, 캡션 하한 13px(typography §6-5) */
  --step--1: 0.875rem;                                  /* 14px — 캡션·보조 라벨 */
  --step-0: 1rem;                                       /* 16px — 본문 */
  --step-1: 1.125rem;                                   /* 18px — 소제목·h1(작게) */
  --step-2: clamp(1.375rem, 1.2rem + 0.7vw, 1.75rem);   /* 22~28px — 섹션 제목 */
  --step-3: clamp(2rem, 1.5rem + 1.6vw, 3rem);          /* 32~48px — 캐스크 번호 */

  --leading-tight: 1.3;
  --leading-normal: 1.7;
  --measure: 36em;

  --font-display: "Nanum Myeongjo", "Noto Serif KR", serif;
  --font-body: "IBM Plex Sans KR", "Noto Sans KR", sans-serif;

  --weight-regular: 400;
  --weight-strong: 600;
  --weight-display: 700;

  /* 어두운 웜 바탕 — 숙성고의 오크색 그늘(#1a1512 계열) */
  --surface: #1a1512;
  --surface-raised: #211a16;
  --surface-card: #28201b;
  --surface-sunken: #140f0d;

  --ink: #efe6da;
  --ink-muted: #b3a595;      /* #1a1512 위 7.5:1, #28201b 위 6.7:1 */
  --ink-faint: #8f8071;      /* 차례 번호 — #1a1512 위 4.7:1 */
  --ink-inverse: #1a1512;

  --line: #3a3029;
  --line-strong: #5a4b3f;

  /* 단일 강조 — 25° 구리 */
  --accent: #d18147;         /* hsl(25 60% 55%) — #1a1512 위 6.0:1 */
  --accent-hover: #dc9160;
  --accent-light: rgba(209, 129, 71, 0.12);
  --accent-ink: #1a1512;

  --radius: 2px;

  --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;

  /* 측면 색인 + 본문의 두 열 */
  --index-width: 15rem;
  --content-max: 68rem;
  --pad-inline: clamp(1rem, 0.5rem + 2.5vw, 3rem);
  --control-block: 2.75rem;
  --control-pad-inline: 0.875rem;

  /* 모션 — hover·focus 상태 전환만 */
  --dur-quick: 160ms;
  --ease-soft: cubic-bezier(0.25, 1, 0.35, 1);
}