/* ============================================================
   STABLY — TYPOGRAPHY TOKENS
   Righteous (display) · IBM Plex Sans (UI/body) · IBM Plex Mono (data)
   ============================================================ */
:root {
  /* ---- Families ---- */
  --font-display: "Righteous", "Trebuchet MS", sans-serif;
  --font-sans:    "IBM Plex Sans", system-ui, -apple-system, sans-serif;
  --font-mono:    "IBM Plex Mono", ui-monospace, "SF Mono", Menlo, monospace;

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

  /* ---- Type scale (px) ---- */
  --fs-display-xl: 64px;
  --fs-display-l:  48px;
  --fs-display-m:  36px;
  --fs-h1: 30px;
  --fs-h2: 24px;
  --fs-h3: 20px;
  --fs-body-lg: 18px;
  --fs-body: 16px;
  --fs-body-sm: 14px;
  --fs-caption: 13px;
  --fs-micro: 11px;

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

  /* ---- Letter spacing ---- */
  --ls-display: 0.01em;   /* @kind font */
  --ls-tight: -0.01em;    /* @kind font */
  --ls-wide: 0.04em;      /* @kind font */
  --ls-caps: 0.12em;      /* @kind font */
}