/* 타이포그래피 (Typography). Web unit = rem, iOS = pt (source: "폰트사이즈 단위").
   Scale transcribed from the Typography frame's DISPLAY / HEADING / BODY / Caption tables.
   Line-heights marked (ratio) are not given numerically in the source for that row —
   they follow the frame's own heading ratio 1.334 / body ratio 1.5. */
:root{
  --font-body:"Pretendard Variable","Pretendard",-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Malgun Gothic",sans-serif; /* @kind font */
  --font-display:"S-Core Dream","Pretendard Variable","Pretendard",sans-serif; /* @kind font */
  --font-latin-display:"Poppins","Pretendard Variable",sans-serif;
  --font-multilingual:"Pretendard JP","Pretendard Variable","Pretendard",sans-serif; /* @kind font */

  --fw-light:300; /* @kind font */
  --fw-regular:400; /* @kind font */
  --fw-medium:500; /* @kind font */
  --fw-semibold:600; /* @kind font */
  --fw-bold:700; /* @kind font */
  --fw-extrabold:800; /* @kind font */

  /* DISPLAY */
  --display-40-size:2.5rem; /* @kind font */    --display-40-lh:52px; /* @kind font */  --display-40-ls:-0.02em; /* @kind font */  --display-40-fw:700; /* @kind font */
  --display-36-size:2.25rem; /* @kind font */   --display-36-lh:48px; /* @kind font */  --display-36-ls:-0.015em; /* @kind font */ --display-36-fw:700; /* @kind font */
  --display-32-size:2rem; /* @kind font */      --display-32-lh:44px; /* @kind font */  --display-32-ls:-0.01em; /* @kind font */  --display-32-fw:700; /* @kind font */

  /* HEADING */
  --title-30-size:1.875rem; /* @kind font */    --title-30-lh:34px; /* @kind font */    --title-30-ls:-0.01em; /* @kind font */    --title-30-fw:700; /* @kind font */
  --title-28-size:1.75rem; /* @kind font */     --title-28-lh:1.334; /* @kind font */   --title-28-ls:-0.01em; /* @kind font */    --title-28-fw:700; /* @kind font */
  --title-24-size:1.5rem; /* @kind font */      --title-24-lh:1.334; /* @kind font */   --title-24-ls:-0.005em; /* @kind font */   --title-24-fw:700; /* @kind font */

  /* BODY */
  --body-17-size:1.0625rem; /* @kind font */    --body-17-lh:24px; /* @kind font */     --body-17-ls:0em; /* @kind font */         --body-17-fw:400; /* @kind font */
  --body-16-size:1rem; /* @kind font */         --body-16-lh:1.5; /* @kind font */      --body-16-ls:0em; /* @kind font */         --body-16-fw:400; /* @kind font */
  --body-15-size:0.9375rem; /* @kind font */    --body-15-lh:1.5; /* @kind font */      --body-15-ls:0em; /* @kind font */         --body-15-fw:400; /* @kind font */

  /* CAPTION */
  --caption-14-size:0.875rem; /* @kind font */  --caption-14-lh:18px; /* @kind font */  --caption-14-ls:0em; /* @kind font */      --caption-14-fw:400; /* @kind font */
  --caption-13-size:0.8125rem; /* @kind font */ --caption-13-lh:1.5; /* @kind font */   --caption-13-ls:0em; /* @kind font */      --caption-13-fw:400; /* @kind font */
  --caption-12-size:0.75rem; /* @kind font */   --caption-12-lh:1.5; /* @kind font */   --caption-12-ls:0.005em; /* @kind font */  --caption-12-fw:400; /* @kind font */

  /* Component text (from the btn component set) */
  --btn-lg-size:1.125rem; /* @kind font */  --btn-lg-lh:28px; /* @kind font */
  --btn-md-size:0.875rem; /* @kind font */  --btn-md-lh:22px; /* @kind font */
  --btn-sm-size:0.875rem; /* @kind font */  --btn-sm-lh:22px; /* @kind font */

  /* Kiosk text (1920×1080 landscape, viewed at arm's length) */
  --kiosk-hero-size:64px; /* @kind font */  --kiosk-hero-lh:1.25; /* @kind font */  --kiosk-hero-ls:-0.017em; /* @kind font */
  --kiosk-title-size:32px; /* @kind font */ --kiosk-title-lh:1.3; /* @kind font */  --kiosk-title-ls:-0.02em; /* @kind font */
  --kiosk-label-size:22px; /* @kind font */ --kiosk-label-lh:20px; /* @kind font */ --kiosk-label-ls:-0.02em; /* @kind font */
  --kiosk-body-size:20px; /* @kind font */  --kiosk-body-lh:1.4; /* @kind font */   --kiosk-body-ls:-0.02em; /* @kind font */
}

.dm-display-40{font:var(--display-40-fw) var(--display-40-size)/var(--display-40-lh) var(--font-body);letter-spacing:var(--display-40-ls)}
.dm-display-36{font:var(--display-36-fw) var(--display-36-size)/var(--display-36-lh) var(--font-body);letter-spacing:var(--display-36-ls)}
.dm-display-32{font:var(--display-32-fw) var(--display-32-size)/var(--display-32-lh) var(--font-body);letter-spacing:var(--display-32-ls)}
.dm-title-30{font:var(--title-30-fw) var(--title-30-size)/var(--title-30-lh) var(--font-body);letter-spacing:var(--title-30-ls)}
.dm-title-28{font:var(--title-28-fw) var(--title-28-size)/var(--title-28-lh) var(--font-body);letter-spacing:var(--title-28-ls)}
.dm-title-24{font:var(--title-24-fw) var(--title-24-size)/var(--title-24-lh) var(--font-body);letter-spacing:var(--title-24-ls)}
.dm-body-17{font:var(--body-17-fw) var(--body-17-size)/var(--body-17-lh) var(--font-body);letter-spacing:var(--body-17-ls)}
.dm-body-16{font:var(--body-16-fw) var(--body-16-size)/var(--body-16-lh) var(--font-body);letter-spacing:var(--body-16-ls)}
.dm-body-15{font:var(--body-15-fw) var(--body-15-size)/var(--body-15-lh) var(--font-body);letter-spacing:var(--body-15-ls)}
.dm-caption-14{font:var(--caption-14-fw) var(--caption-14-size)/var(--caption-14-lh) var(--font-body);letter-spacing:var(--caption-14-ls)}
.dm-caption-13{font:var(--caption-13-fw) var(--caption-13-size)/var(--caption-13-lh) var(--font-body);letter-spacing:var(--caption-13-ls)}
.dm-caption-12{font:var(--caption-12-fw) var(--caption-12-size)/var(--caption-12-lh) var(--font-body);letter-spacing:var(--caption-12-ls)}