:root{
  --space-025:2px; --space-05:4px; --space-075:6px; --space-1:8px;
  --space-15:12px; --space-2:16px; --space-25:20px; --space-3:24px;
  --space-4:32px; --space-5:40px; --space-6:48px; --space-8:64px;
  --space-10:80px; --space-12:96px; --space-16:128px;

  /* Layout */
  --container-max:1180px; --container-narrow:720px; --container-wide:1400px;
  --gutter-page:24px; --gutter-page-lg:40px;
  --section-y:96px; --section-y-sm:64px;
  --grid-columns:12; /* @kind other */ --grid-gap:24px;

  /* Control geometry — measured off the reference, not snapped to a grid */
  --control-h-sm:32px; --control-h-md:40px; --control-h-lg:48px;
  --control-px-sm:12px; --control-px-md:18px; --control-px-lg:26px;
  --card-pad:24px; --card-pad-lg:32px;
}