:root{
  --space-0:0px;
  --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:96px;
  --space-10:128px;

  --radius-none:0px;
  --radius-sm:2px;
  --radius-md:4px;   /* default — the brand is square-ish, like the logo plate */
  --radius-lg:8px;
  --radius-pill:999px;

  --border-width:1px; /* @kind spacing */
  --border-width-thick:2px; /* @kind spacing */
  --rule-width:1px; /* @kind spacing */

  --container-sm:640px;
  --container-md:880px;
  --container-lg:1140px;
  --container-xl:1320px;

  --control-h-sm:32px;
  --control-h-md:40px;
  --control-h-lg:48px;
}