/* 이 파일은 build_tokens.py 가 만든다. 손으로 고치지 말 것. */
/* 규격을 바꾸려면 design-tokens.json 을 고치고 다시 생성한다. */
/* 생성: 2026-09-26 17:54 */

:root {
  /* 간격 스케일 */
  --sp-4: 4px;
  --sp-8: 8px;
  --sp-12: 12px;
  --sp-16: 16px;
  --sp-24: 24px;
  --sp-32: 32px;
  --sp-48: 48px;
  --sp-64: 64px;
  --sp-96: 96px;
  --sp-128: 128px;

  /* 타입 스케일 */
  --fs-13: 13px;
  --fs-14: 14px;
  --fs-16: 16px;
  --fs-17: 17px;
  --fs-18: 18px;
  --fs-20: 20px;
  --fs-24: 24px;
  --fs-28: 28px;
  --fs-34: 34px;
  --fs-40: 40px;
  --fs-body: 16px;

  /* 줄간격 */
  --lh-body: 1.7;
  --lh-longform: 1.8;
  --lh-subhead: 1.4;
  --lh-head: 1.3;
  --lh-display: 1.2;
  --lh-button: 1.2;
  --lh-label: 1.2;
  --lh-caption: 1.6;
  --lh-listitem: 1.7;

  /* 자간 (글꼴·크기에 따라 다르다. 음수 하한 -0.04em) */
  --ls-caption: 0.02em;
  --ls-body: 0em;
  --ls-subhead: 0em;
  --ls-head: 0em;
  --ls-display: 0em;
  --ls-button: -0.01em;

  /* 컨테이너 */
  --container-prose: 680px;
  --container-shell: 1200px;
  --container-full: 1440px;
  --gutter-mobile: 20px;
  --gutter-desktop: 32px;

  /* 섹션 여백 */
  --section-mobile: 56px;
  --section-desktop: 96px;
  --section-accent: 128px;

  /* 터치 타깃 */
  --touch-min: 44px;
  --btn-height: 48px;
  --touch-gap: 8px;

  /* 문단·제목 여백 */
  --para-gap: 24px;
  --h2-top: 48px;
  --h2-bottom: 20px;
  --h3-top: 32px;
  --h3-bottom: 16px;
  --h4-top: 24px;
  --h4-bottom: 12px;
}