:root{
  /* 4px base; 2px half-step exists for dense data rows. */
  --space-0:0px; --space-05:2px; --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;

  --radius-xs:4px; --radius-sm:6px; --radius-md:10px; --radius-lg:14px;
  --radius-xl:20px; --radius-2xl:28px; --radius-pill:999px;

  --border-width-hair:1px; --border-width-thick:2px; --border-width-line:4px;

  --control-h-sm:32px; --control-h-md:40px; --control-h-lg:48px; --control-h-touch:52px;
  --tap-min:44px;

  --layout-gutter:16px; --layout-max:480px; --layout-max-wide:1120px;
  --row-h-dense:44px; --row-h-comfy:64px;
}