/* ============================================================
   typo.css — 전체 레이아웃 타이포 정리 (v97)
   크기 25종 → 8단계 스케일 · 자간 4종 · 본문 기본값
   ============================================================ */

:root {
  /* 8단계 크기 스케일 */
  --fs-display: 24px;   /* KPI 대형 숫자 */
  --fs-title: 20px;     /* 페이지 제목 · 큰 수치 */
  --fs-subtitle: 17px;  /* 모달 제목 · 카드 숫자 */
  --fs-section: 15px;   /* 브랜드 · 섹션 헤더 */
  --fs-card: 13.5px;    /* 카드 제목 */
  --fs-body: 12.5px;    /* 본문 · 컨트롤 · 표 셀 */
  --fs-meta: 11.5px;    /* 라벨 · 보조 설명 · 소형 버튼 */
  --fs-micro: 10.5px;   /* 배지 · 카운터 */
  /* 자간 4종: 20px+ -.4 · 15~17px -.3 · 13.5px -.2 · 12.5px 이하 0 (대문자 라벨만 .3px) */
  --ls-title: -.4px;
  --ls-section: -.3px;
  --ls-card: -.2px;
  --ls-caps: .3px;
}

/* 본문 기본값 — 한글 단어 중간 줄바꿈 방지 */
body { line-height: 1.5; word-break: keep-all; }

/* 입력 요소는 폰트 · 자간을 상속 */
input, textarea, select, button { font-family: inherit; letter-spacing: inherit; }

/* 대문자 라벨 전용 트래킹 */
.ls-caps { letter-spacing: var(--ls-caps); text-transform: uppercase; }