/* ============================================================
   Liquid Edge — Typography Tokens
   Display: Space Grotesk · UI/Body: IBM Plex Sans · Data: IBM Plex Mono
   ============================================================ */

:root {
  /* ---- Families ---- */
  --font-display: 'Space Grotesk', 'IBM Plex Sans', system-ui, sans-serif;
  --font-sans:    'IBM Plex Sans', system-ui, -apple-system, sans-serif;
  --font-mono:    'IBM Plex Mono', ui-monospace, 'SFMono-Regular', Menlo, monospace;

  /* ---- Weights ---- */
  --fw-regular:  400;  /* @kind other */
  --fw-medium:   500;  /* @kind other */
  --fw-semibold: 600;  /* @kind other */
  --fw-bold:     700;  /* @kind other */

  /* ---- Type scale (px) — tight, data-dense ---- */
  --fs-display-xl: 56px;
  --fs-display:    40px;
  --fs-h1:         30px;
  --fs-h2:         24px;
  --fs-h3:         19px;
  --fs-title:      16px;
  --fs-body:       14px;
  --fs-body-sm:    13px;
  --fs-caption:    12px;
  --fs-micro:      11px;

  /* ---- Line heights ---- */
  --lh-tight:   1.1;   /* @kind other */
  --lh-snug:    1.25;  /* @kind other */
  --lh-normal:  1.5;   /* @kind other */
  --lh-relaxed: 1.65;  /* @kind other */

  /* ---- Letter spacing ---- */
  --ls-tight:  -0.02em;
  --ls-snug:   -0.01em;
  --ls-normal: 0em;
  --ls-wide:   0.04em;
  --ls-caps:   0.08em;   /* overline / eyebrow labels */

  /* ---- Tabular numerics helper (applied via class/util) ---- */
  --num-feature: "tnum" 1, "zero" 1;  /* @kind other */
}