/*
  Papatto — Type Scale (톤 무관 공용 폰트 크기 사다리)
  ============================================================
  실측 확인 결과: theme-modern.css와 theme-kitsch.css의 폰트 "크기" 값 9개가
  전부 완전히 동일했다 (--font-h1, --font-h2, --font-lead, --font-quote,
  --font-title-card, --font-title-accordion, --font-body, --font-helper,
  --font-detail). 반면 font-family(Roboto vs Rubik)와 font-weight-*
  (예: headline 500 vs 900)는 톤마다 완전히 다르다.

  즉 "크기"는 톤과 무관한 구조적 규칙이고, "글꼴/굵기"만 톤이 결정하는 스타일이다.
  이 파일이 크기를 딱 한 곳에서만 관리하고, theme-*.css 파일들은 더 이상
  크기를 중복해서 안 갖는다 — 새 톤(Friendly 등)이 추가돼도 크기는 다시
  안 적어도 된다.

  :root에 선언해서 어떤 .theme-* 클래스가 붙어있든 항상 적용된다.
  (naming_convention.md 3절 "토큰 스케일표"의 실제 CSS 구현체)

  [관리 툴 연동] 새 위젯/Section의 텍스트 크기 토큰을 등록할 때, 기존 사다리
  값을 "참조"로 고르면(예: --font-title-feature: var(--font-lead);) 이 파일
  한 곳에만 반영되고 theme-modern.css/theme-kitsch.css는 안 건드린다.
  톤마다 다른 "기타" 값을 직접 입력하는 경우에만 theme-*.css 두 파일을 각각
  건드리게 된다.
*/

:root {
  --font-h1: 32px;   /* Headline · 페이지 내 첫 등장, FAQ 예외 포함 */
  --font-h2: 24px;   /* Headline · 그 외 섹션 */
  --font-lead: 20px; /* Subhead 전용 */
  --font-quote: 32px; /* Quote 본문 전용 — H1과 값은 같지만 독립 토큰(3필드 분리 원칙) */
  --font-title-card: 16px;      /* Card Title */
  --font-title-accordion: 20px; /* Accordion Title */
  --font-title-feature: 20px;   /* Feature Title — Lead/AccordionTitle과 같은 20px 자리 */
  --font-body: 16px;
  --font-helper: 14px;
  --font-detail: 12px; /* Card Detail, Quote Author Title */
  --font-stat-value: 48px; /* StatValue — theme-modern.css/theme-kitsch.css 양쪽 다 같은 값이라 여기로 이동 */
  --font-stat-unit: 48px;  /* StatUnit — 위와 동일 사유 */
}