/* ============================================================
   RANGELIGHT — Typography
   Display = Jost (medium/semibold). Body = Inter (legibility).
   Mono = IBM Plex Mono (citations). Logotype = Jost placeholder.
   Scale = 1.250 (major third), 16px base.
   ============================================================ */
:root {
  /* ---- families ---- */
  --rl-font-logo:    "Jost", "TwCenMT", "Questrial", sans-serif;   /* logotype placeholder — licensed face pending */
  --rl-font-display: "Jost", "Hanken Grotesk", system-ui, sans-serif;
  --rl-font-body:    "Inter", system-ui, -apple-system, sans-serif;
  --rl-font-mono:    "IBM Plex Mono", ui-monospace, monospace;     /* citations / source chips */

  /* ---- size scale (1.250 ratio, 16px base) ---- */
  --rl-fs-xs:   0.64rem;   /* 10.2px — overline / fine print */
  --rl-fs-sm:   0.8rem;    /* 12.8px — captions, chips */
  --rl-fs-base: 1rem;      /* 16px   — body minimum */
  --rl-fs-md:   1.25rem;   /* 20px   — lead body / large text */
  --rl-fs-lg:   1.563rem;  /* 25px   — h4 / subhead */
  --rl-fs-xl:   1.953rem;  /* 31px   — h3 */
  --rl-fs-2xl:  2.441rem;  /* 39px   — h2 */
  --rl-fs-3xl:  3.052rem;  /* 49px   — h1 */
  --rl-fs-4xl:  3.815rem;  /* 61px   — hero display */

  /* ---- weights ---- */
  --rl-fw-light:    300; /* @kind other */
  --rl-fw-regular:  400; /* @kind other */
  --rl-fw-medium:   500; /* @kind other */
  --rl-fw-semibold: 600; /* @kind other */
  --rl-fw-bold:     700; /* @kind other */

  /* ---- line heights ---- */
  --rl-lh-tight:   1.1;  /* @kind other */
  --rl-lh-snug:    1.3;  /* @kind other */
  --rl-lh-body:    1.6;  /* @kind other */
  --rl-lh-loose:   1.75; /* @kind other */

  /* ---- tracking ---- */
  --rl-track-logo:  0.30em;  /* @kind other */
  --rl-track-over:  0.18em;  /* @kind other */
  --rl-track-tight: -0.01em; /* @kind other */
}