/* ============================================================
   MOBILIAN — TYPOGRAPHY TOKENS
   Engineered voice: heavy condensed display (Saira 600/700, UPPERCASE)
   paired against light body (IBM Plex Sans 300). Mono for data.
   The weight + case contrast IS the editorial signature.
   ============================================================ */

:root {
  /* ---- Families ---- */
  --font-display: "Saira", "Saira Condensed", system-ui, sans-serif;
  --font-body:    "IBM Plex Sans", system-ui, -apple-system, sans-serif;
  --font-mono:    "IBM Plex Mono", ui-monospace, "SFMono-Regular", monospace;

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

  /* ---- Display scale (Saira, UPPERCASE, tight tracking) ---- */
  --display-xl: var(--w-bold) clamp(48px, 7vw, 84px)/1.0   var(--font-display);
  --display-lg: var(--w-bold) clamp(40px, 5vw, 58px)/1.04  var(--font-display);
  --display-md: var(--w-bold) clamp(30px, 3.4vw, 42px)/1.08 var(--font-display);
  --display-sm: var(--w-semibold) 32px/1.14 var(--font-display);

  /* ---- Titles ---- */
  --title-lg: var(--w-semibold) 24px/1.28 var(--font-display);
  --title-md: var(--w-regular)  20px/1.4  var(--font-body);
  --title-sm: var(--w-regular)  18px/1.45 var(--font-body);

  /* ---- Body (IBM Plex Sans Light) ---- */
  --body-lg: var(--w-light)   18px/1.6 var(--font-body);
  --body-md: var(--w-light)   16px/1.6 var(--font-body);
  --body-sm: var(--w-light)   14px/1.55 var(--font-body);

  /* ---- Labels & captions ---- */
  --label-upper: var(--w-semibold) 13px/1.3 var(--font-display);
  --caption:     var(--w-regular)  12px/1.4 var(--font-body);

  /* ---- Mono (technical readouts: protocol names, spec data) ---- */
  --mono-md: var(--w-regular) 14px/1.5 var(--font-mono);
  --mono-sm: var(--w-regular) 12px/1.5 var(--font-mono);

  /* ---- Tracking ---- */
  --track-display: -0.01em; /* tight, machined caps */
  --track-label:   0.14em;  /* "machined" letterspacing on all-caps labels */
  --track-button:  0.12em;
  --track-mono:    0.02em;
}