:root{
  /* 4px base grid */
  --space-0:0; --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-16:64px; --space-20:80px; --space-24:96px; --space-32:128px;

  /* Radii — technical, restrained. Nothing is a pill except pills. */
  --radius-xs:3px; --radius-sm:5px; --radius-md:8px; --radius-lg:12px;
  --radius-xl:18px; --radius-pill:999px;

  /* Layout */
  --container-max:1200px; --container-narrow:760px;
  --gutter:24px; --section-y:96px;
  --control-h-sm:32px; --control-h-md:40px; --control-h-lg:48px;
  --border-w:1px; --border-w-thick:2px;
}