/* ============================================================
   DNX Solutions — Typography tokens
   Canonical typeface: STOLZL BOOK (one weight, sentence case
   with punctuation). Stolzl is a licensed font and is NOT web-
   embeddable, so the digital product substitutes QUESTRIAL
   (self-hosted, see ../fonts/fonts.css) — a single-weight
   geometric sans with the same honest, rounded character — for
   display/headings, and LEXEND for longer body copy. Arial is
   the office fallback.

   Vendored verbatim from the DNX Experience design system.
   ============================================================ */

:root {
  /* ── Families ──────────────────────────────────────────── */
  /* --font-brand: the canonical Stolzl, with the Questrial web
     substitute first in the live stack so it renders today.   */
  --font-brand:     "Questrial", "Stolzl Book", "Arial", sans-serif;
  --font-heading:   "Questrial", "Stolzl Book", "Arial", sans-serif;
  --font-sans:      "Questrial", "Stolzl Book", "Arial", sans-serif;
  --font-body:      "Lexend", "Arial", "Helvetica", sans-serif;
  --font-secondary: "Mulish", "Arial", "Helvetica", sans-serif;
  --font-mono:      ui-monospace, "SF Mono", Menlo, Consolas, monospace;

  /* ── Weights ───────────────────────────────────────────── */
  --weight-light:   300;   /* display H1                       */
  --weight-regular: 400;   /* default body & headings          */
  --weight-medium:  500;   /* buttons, emphasis                */
  --weight-semibold:600;   /* uppercase labels                 */
  --weight-bold:    700;

  /* ── Type scale (px) — from brand prompt ───────────────── */
  --text-display:  56px;   /* hero display (42–56, weight 300) */
  --text-h1:       42px;
  --text-h2:       28px;   /* page titles (22–28, weight 400)  */
  --text-h3:       24px;   /* box headers                      */
  --text-h4:       18px;   /* sub-headings (17–18)             */
  --text-lg:       18px;
  --text-base:     16px;   /* body (15–16, weight 400)         */
  --text-sm:       14px;
  --text-xs:       13px;
  --text-2xs:      11px;   /* uppercase labels (11–13)         */

  /* ── Line heights ──────────────────────────────────────── */
  --leading-display: 1.08;  /* H1 1.05–1.1                     */
  --leading-tight:   1.2;
  --leading-snug:    1.35;  /* H3                              */
  --leading-heading: 1.25;  /* H2                              */
  --leading-normal:  1.7;   /* body                            */

  /* ── Letter spacing ────────────────────────────────────── */
  --tracking-display: -0.01em;
  --tracking-heading: -0.01em;
  --tracking-normal:  0;
  --tracking-label:   0.1em;    /* uppercase labels            */
  --tracking-widest:  0.18em;   /* wordmark tag                */

  /* ── Reading measure ───────────────────────────────────── */
  --measure-body: 560px;   /* max-width for body paragraphs    */
}