/* ===== SCALEX INFINITY — TYPE TOKENS =====
   Fluid scale via clamp(); ratio ~1.25 (major third), tuned for 320–1920px. */
:root{
  --font-display: 'Space Grotesk', 'Segoe UI', sans-serif; /* @kind font */
  --font-heading: 'Space Grotesk', 'Segoe UI', sans-serif; /* @kind font */
  --font-body: 'IBM Plex Sans', 'Segoe UI', sans-serif; /* @kind font */
  --font-mono: 'IBM Plex Mono', ui-monospace, monospace; /* @kind font */

  /* Fluid scale */
  --text-display-xl: clamp(2.75rem, 2rem + 3.5vw, 5.5rem); /* @kind other */
  --text-display-lg: clamp(2.25rem, 1.7rem + 2.5vw, 4rem); /* @kind other */
  --text-display-md: clamp(1.875rem, 1.5rem + 1.6vw, 3rem); /* @kind other */
  --text-h1: clamp(1.75rem, 1.45rem + 1.3vw, 2.5rem); /* @kind other */
  --text-h2: clamp(1.5rem, 1.3rem + 0.9vw, 2rem); /* @kind other */
  --text-h3: clamp(1.25rem, 1.15rem + 0.5vw, 1.5rem); /* @kind other */
  --text-h4: 1.125rem;                                        /* 18, static */
  --text-body-lg: 1.125rem;   /* 18 */
  --text-body: 1rem;          /* 16 */
  --text-body-sm: 0.875rem;   /* 14 */
  --text-caption: 0.75rem;    /* 12 */
  --text-mono: 0.875rem;      /* 14 */

  --leading-tight: 1.1;
  --leading-snug: 1.25;
  --leading-normal: 1.5;
  --leading-relaxed: 1.7;

  --tracking-tightest: -0.04em; /* display */
  --tracking-tight: -0.02em;    /* headings */
  --tracking-normal: 0;
  --tracking-wide: 0.04em;      /* eyebrows/labels */
  --tracking-widest: 0.12em;    /* micro-caps, badges */

  --weight-regular: 400;
  --weight-medium: 500;
  --weight-semibold: 600;
  --weight-bold: 700;
}
/* Usage:
   Display XL — hero headlines only, --font-display, --weight-semibold, --tracking-tightest
   H1–H3      — section titles, --font-heading, --weight-semibold, --tracking-tight
   Body       — --font-body, --weight-regular, --leading-relaxed for paragraphs ≥2 lines
   Caption/eyebrow — --font-body, --weight-semibold, --tracking-widest, uppercase
   Mono       — --font-mono, for coordinates, specs, KPIs, code, part numbers */