:root {
  /* ─── Font families ───────────────────────────────────────── */
  /* Pretendard everywhere — covers display, text, and the pricing/Inter dialect.
     Kept as separate aliases so the editorial vs. app dialects stay legible. */
  --font-display: "Pretendard", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
  --font-text: "Pretendard", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
  /* System monospace only — no webfont shipped. Swap in a mono webfont + @font-face if desired. */
  --font-mono: "SFMono-Regular", ui-monospace, Menlo, Consolas, monospace;

  /* ─── Type scale (size / weight / line-height / tracking) ──── */
  /* Editorial dialect — modest weights; emphasis from size + color, never bold.
     Line-height (-lh) and letter-spacing (-ls) are unitless/em metrics, not design
     tokens of color/spacing/radius/shadow/font — marked @kind other. */
  --display-xl-size: 48px;  --display-xl-weight: 600;
  --display-xl-lh: 1.1;   /* @kind other */
  --display-xl-ls: -0.01em; /* @kind other */
  --display-lg-size: 40px;  --display-lg-weight: 500;
  --display-lg-lh: 1.2;   /* @kind other */
  --display-lg-ls: -0.01em; /* @kind other */
  --display-md-size: 32px;  --display-md-weight: 500;
  --display-md-lh: 1.2;   /* @kind other */
  --display-md-ls: -0.005em; /* @kind other */
  --title-lg-size: 24px;    --title-lg-weight: 500;
  --title-lg-lh: 1.35;    /* @kind other */
  --title-lg-ls: 0;       /* @kind other */
  --title-md-size: 20px;    --title-md-weight: 500;
  --title-md-lh: 1.5;     /* @kind other */
  --title-md-ls: 0;       /* @kind other */
  --title-sm-size: 18px;    --title-sm-weight: 600;
  --title-sm-lh: 1.4;     /* @kind other */
  --title-sm-ls: 0;       /* @kind other */
  --label-md-size: 16px;    --label-md-weight: 600;
  --label-md-lh: 1.4;     /* @kind other */
  --label-md-ls: 0;       /* @kind other */
  --button-size: 16px;      --button-weight: 600;
  --button-lh: 1.4;       /* @kind other */
  --button-ls: 0;         /* @kind other */
  --body-md-size: 14px;     --body-md-weight: 400;
  --body-md-lh: 1.45;     /* @kind other */
  --body-md-ls: 0;        /* @kind other */
  --body-strong-size: 14px; --body-strong-weight: 600;
  --body-strong-lh: 1.45; /* @kind other */
  --body-strong-ls: 0;    /* @kind other */
  --caption-size: 13px;     --caption-weight: 500;
  --caption-lh: 1.35;     /* @kind other */
  --caption-ls: 0.01em;   /* @kind other */
  --overline-size: 11px;    --overline-weight: 600;
  --overline-lh: 1.2;     /* @kind other */
  --overline-ls: 0.08em;  /* @kind other */

  /* Note: Pretendard renders ~5% looser than Haas, so display weights are
     nudged from 400→500/600 to hold equivalent visual weight at screen sizes. */
}