/* Typography — Simpli Management 2.0.
   The shipped product loads no webfont at all. This system commits to Archivo (Google): a bold
   neo-grotesque that matches the wordmark, with a tight display setting and tabular figures for money.
   IBM Plex Mono carries identifiers, account numbers and code-like values. */
:root{
  --font-sans:"Archivo","Segoe UI",system-ui,-apple-system,"Helvetica Neue",Arial,sans-serif;
  --font-display:var(--font-sans);
  --font-mono:"IBM Plex Mono",ui-monospace,SFMono-Regular,Menlo,monospace;
  --font-signature:"SignatureFont",cursive;                  /* real, shipped: contract e-signatures */
  --font-pdf:"Roboto Legacy PDF",Roboto,Arial,sans-serif;    /* real, shipped: lease PDFs */
  --font-email:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;

  --root-font-size:16px;

  /* Display — tight tracking, heavy weight */
  --text-display-1:clamp(2.75rem,4.6vw,4rem);
  --text-display-2:clamp(2.25rem,3.4vw,3rem);
  --text-display-3:2rem;
  /* UI ramp */
  --text-xs:0.75rem;
  --text-sm:0.8125rem;
  --text-base:0.9375rem;   /* 15px — the product's reading size */
  --text-md:1rem;
  --text-lg:1.125rem;
  --text-xl:1.375rem;
  --text-2xl:1.75rem;
  /* Numeric emphasis */
  --text-metric:2rem;
  --text-metric-lg:2.75rem;

  --weight-regular:400;
  --weight-medium:500;
  --weight-semibold:600;
  --weight-bold:700;
  --weight-black:800;

  --leading-display:1.04;
  --leading-tight:1.2;
  --leading-snug:1.35;
  --leading-normal:1.55;
  --leading-relaxed:1.7;

  --tracking-display:-0.025em;
  --tracking-tight:-0.012em;
  --tracking-normal:0;
  --tracking-label:0.06em;
  --tracking-caps:0.09em;

  --numeric-tabular:tabular-nums;
}

/* ---------------------------------------------------------------------------
   Added 2026-09-29 (refresh run). APPENDED, not edited: everything above this
   block is the vendored export and stays byte-identical to it.

   --text-title fills the gap between --text-xl (22px) and --text-2xl (28px), so
   the page title (.sm-section-header__title) outranks the 18px section headings
   instead of matching the 22px disclosure title; --leading-title gives it 30px
   lines. --text-lead and --text-eyebrow name a role over an existing step, so a
   lead paragraph (.sm-lead) or an eyebrow label (.sm-eyebrow) is sized in one
   place for the app and the marketing site alike.
   This file reaches the page through tokens.css's unversioned @import, so every
   consumer in app.css falls back to the token it replaced — a cached copy
   without this block renders exactly as before.
   --------------------------------------------------------------------------- */
:root{
  --text-title:1.5rem;             /* 24px */
  --leading-title:1.25;            /* 30px lines at 24px */
  --text-lead:var(--text-lg);      /* 18px */
  --text-eyebrow:var(--text-xs);   /* 12px, set in caps */
}