/* ════════════════════════════════════════════════════════════════
   JERP — TYPOGRAPHY TOKENS
   Geist for display + body, IBM Plex Mono for numbers / codes / SKUs.
   Plus Jakarta Sans is the fallback (and the SFA mobile primary).
   ════════════════════════════════════════════════════════════════ */

:root {
  /* ─── FAMILIES ────────────────────────────────────────── */
  --font-display: "Geist", "Plus Jakarta Sans", "Helvetica Neue", sans-serif;
  --font-body:    "Geist", "Plus Jakarta Sans", "Helvetica Neue", sans-serif;
  --font-mono:    "IBM Plex Mono", "Fira Code", monospace;
  /* SFA mobile app uses Plus Jakarta Sans as its primary face */
  --font-sfa:     "Plus Jakarta Sans", "Inter", system-ui, -apple-system, sans-serif;

  /* ─── SIZE SCALE (px values used across the app) ──────── */
  --text-2xs: 10px;   /* uppercase field labels, micro-badges */
  --text-xs:  12px;   /* dense tables, hints, chips */
  --text-sm:  14px;   /* body default, inputs, buttons */
  --text-md:  15px;   /* mobile body / primary action */
  --text-lg:  18px;   /* card heading */
  --text-xl:  20px;   /* page title (mobile) */
  --text-2xl: 24px;   /* page title (desktop) */
  --text-3xl: 30px;   /* dashboard hero numbers */

  /* ─── WEIGHTS ─────────────────────────────────────────── */
  --fw-regular:  400; /* @kind font */
  --fw-medium:   500; /* @kind font */
  --fw-semibold: 600; /* @kind font */
  --fw-bold:     700; /* @kind font */
  --fw-extrabold: 800; /* @kind font */

  /* ─── LINE HEIGHTS ────────────────────────────────────── */
  --lh-tight:   1.1;  /* @kind font */
  --lh-snug:    1.25; /* @kind font */
  --lh-normal:  1.4;  /* @kind font */
  --lh-relaxed: 1.6;  /* @kind font */

  /* ─── TRACKING ────────────────────────────────────────── */
  --tracking-tight:  -0.02em;  /* headings, big numbers */
  --tracking-normal: 0;
  --tracking-wide:   0.06em;   /* uppercase section labels */
  --tracking-widest: 0.1em;    /* tiny uppercase labels */
}