/* ═══════════════════════════════════════════════════════
   NORARA — Typography tokens
   Pretendard (UI/body, KO-optimized) · Cormorant Garamond
   (display headings + large numbers) · JetBrains Mono (scores).
   ═══════════════════════════════════════════════════════ */
:root {
  /* ── Families ──────────────────────────────────────── */
  --font-sans: 'Pretendard Variable', Pretendard, system-ui, -apple-system,
               BlinkMacSystemFont, 'Apple SD Gothic Neo', 'Malgun Gothic', sans-serif;
  --font-display: 'Cormorant Garamond', Georgia, 'Times New Roman', serif;
  --font-mono: 'JetBrains Mono', 'Fira Code', ui-monospace, SFMono-Regular, monospace;

  /* ── Type scale (base 16px, line-height 1.5 body) ──── */
  --text-xs:   0.75rem;   /* 12px — captions, badges */
  --text-sm:   0.875rem;  /* 14px — labels, meta, admin body */
  --text-base: 1rem;      /* 16px — body, inputs, buttons (iOS min) */
  --text-lg:   1.125rem;  /* 18px — emphasis, subheading */
  --text-xl:   1.25rem;   /* 20px — H3 */
  --text-2xl:  1.5rem;    /* 24px — H2 */
  --text-3xl:  1.875rem;  /* 30px — H1 */
  --text-4xl:  2.25rem;   /* 36px — page title */
  --text-5xl:  3rem;      /* 48px — hero */

  /* Hub editorial steps */
  --hub-font-xs:   13px;
  --hub-font-sm:   14px;
  --hub-font-base: 16px;
  --hub-font-lg:   18px;
  --hub-font-xl:   22px;
  --hub-font-2xl:  28px;

  /* ── Line heights ─────────────────────────────────── */
  --leading-none:    1;
  --leading-tight:   1.2;
  --leading-snug:    1.35;
  --leading-normal:  1.5;
  --leading-relaxed: 1.65;

  /* ── Weights ──────────────────────────────────────── */
  --weight-regular:  400;
  --weight-medium:   500;
  --weight-semibold: 600;
  --weight-bold:     700;
  --weight-extrabold:800;

  /* ── Tracking ─────────────────────────────────────── */
  --tracking-tight:  -0.02em;
  --tracking-snug:   -0.01em;
  --tracking-normal: 0;
  --tracking-wide:   0.03em;
  --tracking-wider:  0.06em;  /* uppercase labels / kickers */
}