/* White Glove Acquisitions — design tokens, v2 ("Open Ledger")
   Modern, light, editorial. One typeface (Host Grotesk), one accent (cobalt).
   Fonts: Host Grotesk, self-hosted in /fonts (400, 500, 600). */
:root{
  /* Colour */
  --wg2-paper:#FFFFFF;        /* page */
  --wg2-surface:#F4F4F1;      /* alternate sections, form panel */
  --wg2-ink:#0E1114;          /* text, dark bands, primary button */
  --wg2-ink-2:#1A1E23;        /* raised surface on ink */
  --wg2-line-dark:#2B3036;    /* rules on ink */
  --wg2-grey:#545A61;         /* body copy */
  --wg2-muted:#868B91;        /* labels, meta */
  --wg2-hair:#E2E2DD;         /* rules on paper */
  --wg2-accent:#2A44D4;       /* cobalt: links, marks, focus — use sparingly */
  --wg2-accent-ink:#1E33A8;   /* accent hover / pressed */
  --wg2-on-ink:#F4F4F1;       /* text on ink */
  --wg2-on-ink-2:#A7ABB1;     /* secondary text on ink */

  /* Type */
  --wg2-font:'Host Grotesk',ui-sans-serif,system-ui,-apple-system,'Segoe UI',sans-serif;
  --wg2-fs-display:104px;  --wg2-lh-display:1.0;  --wg2-track-display:-0.035em;
  --wg2-fs-h2:56px;        --wg2-lh-h2:1.05;      --wg2-track-h2:-0.03em;
  --wg2-fs-h3:22px;        --wg2-lh-h3:1.3;
  --wg2-fs-lede:21px;      --wg2-lh-lede:1.55;
  --wg2-fs-body:17px;      --wg2-lh-body:1.65;    /* never below 16px for body: readers are 50–70 */
  --wg2-fs-small:15px;
  --wg2-fs-label:13px;     --wg2-track-label:0.02em;
  --wg2-fs-figure:64px;    /* criteria figures */
  --wg2-numerals:lining-nums tabular-nums;

  /* Mobile type */
  --wg2-fs-display-m:46px; --wg2-fs-h2-m:34px;

  /* Space & layout */
  --wg2-max:1296px; --wg2-gutter:72px; --wg2-gutter-m:22px;
  --wg2-section:128px; --wg2-section-m:72px;
  --wg2-radius:6px;       /* panels, inputs */
  --wg2-radius-pill:999px;/* buttons, chips */
  --wg2-rule:1px solid var(--wg2-hair);
  --wg2-rule-ink:2px solid var(--wg2-ink);
}