:root {
  --s-1: 4px;
  --s-2: 8px;
  --s-3: 12px;
  --s-4: 16px;
  --s-5: 24px;
  --s-6: 32px;
  --s-7: 48px;
  --s-8: 72px;

  /* In-use aliases lifted from the spec document */
  --pad-control-y: var(--s-3);      /* 12px  — fields, quiet buttons */
  --pad-control-x: 22px;            /* solid button horizontal */
  --pad-panel: 26px;                /* panel / well interior */
  --pad-card: 22px;                 /* card interior */
  --pad-section-y: 64px;            /* section top padding */
  --pad-section-x: 56px;            /* page gutter at bp-lg+ */
  --gap-grid: 26px;                 /* gap between panels */
  --target-min: 44px;               /* minimum interactive height */
}