/* ============================================================
   KOBROKR — TYPOGRAPHY TOKENS
   Space Grotesk leads. IBM Plex carries the rest.
   ============================================================ */

:root {
  /* ---- Families ---- */
  --font-display: 'Space Grotesk', 'IBM Plex Sans', system-ui, sans-serif; /* display, headlines, wordmark */
  --font-sans:    'IBM Plex Sans', system-ui, -apple-system, sans-serif;   /* body, UI, paragraphs */
  --font-mono:    'IBM Plex Mono', ui-monospace, 'SFMono-Regular', monospace; /* data, IDs, labels */

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

  /* ---- Type scale (px / line-height) — from brand spec ---- */
  --text-display:    56px;  --leading-display: 1.04;  /* "Move inventory"        */
  --text-display-sm: 40px;  --leading-display-sm: 1.08;
  --text-heading:    30px;  --leading-heading: 1.12;  /* "Broker-to-broker…"     */
  --text-title:      22px;  --leading-title: 1.2;
  --text-subtitle:   18px;  --leading-subtitle: 1.35;
  --text-body:       16px;  --leading-body: 1.55;     /* default paragraph       */
  --text-body-sm:    14px;  --leading-body-sm: 1.5;
  --text-label:      12px;  --leading-label: 1.3;     /* LIVE INVENTORY · 1,204  */
  --text-micro:      11px;  --leading-micro: 1.25;

  /* ---- Letter spacing ---- */
  --tracking-tight:  -0.02em;  /* display / wordmark — tight                  */
  --tracking-snug:   -0.01em;  /* headings                                    */
  --tracking-normal: 0;
  --tracking-label:  0.08em;   /* uppercase labels / eyebrows                 */
  --tracking-mono:   0.02em;

  /* ---- Semantic roles ---- */
  --type-wordmark-weight: var(--weight-bold);
  --type-eyebrow-transform: uppercase;
}