/* ============================================================================
 * Typography — 한국어 letter-spacing (DESIGN_GUIDE.md §2)
 * ----------------------------------------------------------------------------
 * 가이드 §2 스케일: 11px -0.18 / 14px -0.14 / 16px -0.25 / 18px -0.34,
 * 24px 이상 헤드라인은 자간 0. iOS 토큰의 중간 크기는 인접 스케일에서 보간.
 * 작은 글씨의 음수 자간이 핵심 — 임의로 0으로 되돌리지 말 것.
 * 적용 대상: <html lang="ko"> 인 경우만
 * ========================================================================= */

:root[lang="ko"],
html[lang="ko"] {
  /* 24px+ 헤드라인 — 자간 0 (가이드 §2) */

  /* Large Title 34px */
  --ios-large-title-tracking: 0px;

  /* Title 1 28px */
  --ios-title1-tracking: 0px;

  /* Title 2 22px — 18(-0.34)→24(0) 보간 */
  --ios-title2-tracking: -0.10px;

  /* Title 3 20px */
  --ios-title3-tracking: -0.22px;

  /* Headline 17px — 16(-0.25)→18(-0.34) 보간 */
  --ios-headline-tracking: -0.28px;

  /* Body 17px */
  --ios-body-tracking: -0.28px;

  /* Callout 16px — 가이드 body */
  --ios-callout-tracking: -0.25px;

  /* Subheadline 15px — 14(-0.14)→16(-0.25) 보간 */
  --ios-subheadline-tracking: -0.20px;

  /* Footnote 13px */
  --ios-footnote-tracking: -0.15px;

  /* Caption 1 12px — 11(-0.18)→14(-0.14) 보간 */
  --ios-caption1-tracking: -0.17px;

  /* Caption 2 11px — 가이드 caption */
  --ios-caption2-tracking: -0.18px;
}

/* 한국어 기본 줄바꿈 — 어절이 줄 끝에서 갈라지지 않게 (DESIGN_GUIDE.md §7) */
html[lang="ko"] body {
  word-break: keep-all;
  overflow-wrap: break-word;
}