/* Design tokens — the single source of truth (docs/DESIGN_TOKENS.md).
   Linked first on every page, marketing and app alike. Values here were
   extracted from what the pages already used, 23 Sep 2026: swapping a
   literal for its token changed no pixel (proved by computed-style diff).
   Change a value HERE, never at the call site. */
:root{
  /* ---- type scale ---- */
  --text-caption:11px;   /* hard floor: nothing renders smaller */
  --text-small:12px;     /* floor for anything read as content */
  --text-meta:13px;
  --text-meta-lg:14px;
  --text-body:15px;      /* cards, dense UI copy */
  --text-ui:16px;
  --text-body-lg:17px;
  --text-lead:19px;      /* hero sub-lines, lead paragraphs */
  --text-title-sm:22px;
  --text-title:26px;
  --text-h2:46px;
  --text-h1:72px;

  /* ---- radii ---- */
  --radius-ctl-sm:10px;  /* inputs, small buttons */
  --radius-ctl:12px;
  --radius-ctl-lg:14px;
  --radius-card:16px;
  --radius-card-lg:18px;
  --radius-pill:999px;

  /* ---- spacing (4px grid) ---- */
  --space-1:4px;
  --space-2:8px;
  --space-3:12px;
  --space-4:16px;
  --space-5:20px;
  --space-6:24px;
  --space-8:32px;
  --space-10:40px;
  --space-12:48px;
  --space-14:56px;
  --space-16:64px;

  /* ---- touch ---- */
  --hit-min:44px;        /* minimum hit box on touch widths */
}