/* =========================================================================
   Pocket Company — Typography Tokens
   Sans:  Pretendard  (Korean + Latin, geometric grotesque — matches the
          bold wordmark; the de-facto type of modern Korean product design)
   Mono:  IBM Plex Mono  (KPIs, metrics, eyebrows, tags — the "data" voice)
   ========================================================================= */

:root {
  /* ---- Families ----------------------------------------------------- */
  --font-sans: "Pretendard Variable", "Pretendard", system-ui, -apple-system,
               "Apple SD Gothic Neo", "Malgun Gothic", "Segoe UI", sans-serif;
  --font-display: var(--font-sans);
  --font-mono: "IBM Plex Mono", ui-monospace, "SFMono-Regular", Menlo,
               "Cascadia Code", monospace;

  /* ---- Weights ------------------------------------------------------ */
  --weight-regular:   400; /* @kind font */
  --weight-medium:    500; /* @kind font */
  --weight-semibold:  600; /* @kind font */
  --weight-bold:      700; /* @kind font */
  --weight-extrabold: 800; /* @kind font */
  --weight-black:     900; /* @kind font */

  /* ---- Type scale (px) ---------------------------------------------- */
  --fs-display-2xl: 72px;  /* hero headline */
  --fs-display-xl:  60px;
  --fs-display-lg:  48px;
  --fs-display-md:  40px;
  --fs-h1: 34px;
  --fs-h2: 28px;
  --fs-h3: 23px;
  --fs-h4: 19px;
  --fs-body-lg:  18px;
  --fs-body:     16px;
  --fs-body-sm:  14px;
  --fs-caption:  13px;
  --fs-overline: 12px;
  --fs-micro:    11px;

  /* ---- Line height -------------------------------------------------- */
  --lh-none:    1;    /* @kind font */
  --lh-tight:   1.06; /* @kind font */
  --lh-snug:    1.2;  /* @kind font */
  --lh-normal:  1.5;  /* @kind font */
  --lh-relaxed: 1.65; /* @kind font */

  /* ---- Letter spacing ----------------------------------------------- */
  --ls-tighter: -0.035em; /* @kind font */
  --ls-tight:   -0.018em; /* @kind font */
  --ls-snug:    -0.008em; /* @kind font */
  --ls-normal:  0;        /* @kind font */
  --ls-wide:    0.02em;   /* @kind font */
  --ls-wider:   0.12em;   /* @kind font */

  /* ---- Composite roles (font + size + leading + tracking) ----------- */
  --type-display:  var(--weight-extrabold) var(--fs-display-lg)/var(--lh-tight) var(--font-display); /* @kind font */
  --type-h1:       var(--weight-extrabold) var(--fs-h1)/var(--lh-snug) var(--font-sans); /* @kind font */
  --type-h2:       var(--weight-bold) var(--fs-h2)/var(--lh-snug) var(--font-sans); /* @kind font */
  --type-h3:       var(--weight-bold) var(--fs-h3)/var(--lh-snug) var(--font-sans); /* @kind font */
  --type-body:     var(--weight-regular) var(--fs-body)/var(--lh-normal) var(--font-sans); /* @kind font */
  --type-body-sm:  var(--weight-regular) var(--fs-body-sm)/var(--lh-normal) var(--font-sans); /* @kind font */
  --type-mono-sm:  var(--weight-medium) var(--fs-caption)/var(--lh-normal) var(--font-mono); /* @kind font */
}