:root{
  /* ---- Spacing scale (4px base) ---- */
  --space-1:4px;
  --space-2:8px;
  --space-3:12px;
  --space-4:16px;
  --space-5:24px;
  --space-6:32px;
  --space-7:48px;
  --space-8:64px;
  --space-9:88px;
  --space-10:120px;

  /* ---- Radii ---- */
  --radius-sm:6px;    /* buttons, inputs, paper edges */
  --radius-md:10px;   /* callouts, table wraps, slide frames */
  --radius-lg:14px;   /* cards, swatches, specimen blocks */
  --radius-xl:16px;   /* feature panels */
  --radius-pill:999px;

  /* ---- Layout ---- */
  --container:1180px; /* @kind spacing */
  --measure:38rem; /* @kind spacing */
  --gutter:32px;      /* @kind spacing */

  /* ---- Border widths ---- */
  --hairline:1px;
  --rule-accent:3px;  /* gold left-rule on callouts */
  --footbar:6px;      /* letterhead/close navy bar */
}