/* 타입 스케일 — 모바일 퍼스트. -m 접미사가 모바일값입니다.
   본문 하한: 모바일 17px / 데스크톱 18px. 이 하한 아래로 내려가는 본문은 없습니다.
   caption 15px 이 화면에 등장하는 가장 작은 글자입니다. */

:root {
  --text-display-m: 2.375rem;  /* 38px */
  --text-display: 4.5rem;      /* 72px — 페이지당 1회만 */
  --text-h1-m: 2rem;           /* 32px */
  --text-h1: 3.25rem;          /* 52px */
  --text-h2-m: 1.5rem;         /* 24px */
  --text-h2: 2.125rem;         /* 34px */
  --text-lead-m: 1.1875rem;    /* 19px */
  --text-lead: 1.375rem;       /* 22px */
  --text-body-m: 1.0625rem;    /* 17px */
  --text-body: 1.125rem;       /* 18px */
  --text-caption: 0.9375rem;   /* 15px */
  --text-label-m: 0.9375rem;   /* 15px */
  --text-label: 1rem;          /* 16px */

  --lh-display-m: 1.18; /* @kind other */
  --lh-display: 1.12; /* @kind other */
  --lh-h1-m: 1.3; /* @kind other */
  --lh-h1: 1.28; /* @kind other */
  --lh-h2-m: 1.38; /* @kind other */
  --lh-h2: 1.35; /* @kind other */
  --lh-lead-m: 1.68; /* @kind other */
  --lh-lead: 1.65; /* @kind other */
  --lh-body: 1.75; /* @kind other */
  --lh-caption: 1.6; /* @kind other */
  --lh-label: 1.4; /* @kind other */

  --ls-display-m: -0.03em; /* @kind other */
  --ls-display: -0.035em; /* @kind other */
  --ls-h1-m: -0.025em; /* @kind other */
  --ls-h1: -0.03em; /* @kind other */
  --ls-h2: -0.02em; /* @kind other */
  --ls-lead-m: -0.012em; /* @kind other */
  --ls-lead: -0.015em; /* @kind other */
  --ls-body-m: -0.008em; /* @kind other */
  --ls-body: -0.01em; /* @kind other */
  --ls-caption: 0; /* @kind other */
  --ls-label: 0.02em; /* @kind other */
}