/*
 * 사이트 전체 타이포그래피 정본 — 서체·줄간격·자간은 여기 한 곳에서만 정한다.
 * 페이지 인라인 스타일과 Tailwind 설정은 var(--font-sans) 만 참조하고 줄간격을 따로 박지 않는다.
 *
 * 서체: Pretendard (KO·EN 공통). 로드는 각 페이지 <head> 의 jsDelivr dynamic-subset 링크.
 * 줄간격 기준 (사람 지침 2026-10-08 "제목 줄간격이 너무 붙어 있다"):
 *   - 본문 1.7 — 한글은 받침·세로 획 때문에 라틴보다 행간이 더 필요하다. KRDS 본문 150%, WCAG 1.4.12 최소 1.5 보다 여유를 둔다.
 *   - 제목 1.3~1.4 — 크기가 클수록 비율을 줄인다. Tailwind text-4xl 이상은 line-height 를 1~1.11 로 박아
 *     두 줄 제목의 한글이 붙어 보였다. 아래 선택자는 [class] 로 특정성을 올려 그 값을 덮는다.
 *   - 제목 자간 -0.02em — Pretendard 큰 크기에서 권장되는 음의 자간.
 */
:root {
  --font-sans: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui,
    "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Segoe UI", Roboto, sans-serif;
  --lh-body: 1.7;
  --lh-h1: 1.3;
  --lh-h2: 1.35;
  --lh-h3: 1.4;
  --tracking-heading: -0.02em;
}

html body {
  font-family: var(--font-sans);
  line-height: var(--lh-body);
  word-break: keep-all;          /* 한글 단어 중간에서 줄이 끊기지 않게 */
  overflow-wrap: break-word;
  -webkit-font-smoothing: antialiased;
}

h1, h1[class] { line-height: var(--lh-h1); letter-spacing: var(--tracking-heading); }
h2, h2[class] { line-height: var(--lh-h2); letter-spacing: var(--tracking-heading); }
h3, h3[class], h4[class], h5[class], h6[class] { line-height: var(--lh-h3); letter-spacing: var(--tracking-heading); }