:root{
  --space-0:0px;
  --space-1:2px;
  --space-2:4px;
  --space-3:8px;
  --space-4:12px;
  --space-5:16px;
  --space-6:20px;
  --space-7:24px;
  --space-8:32px;
  --space-9:40px;
  --space-10:48px;
  --space-11:64px;
  --space-12:80px;
  --space-13:96px;
  --space-14:120px;
  --space-15:160px;

  /* Layout */
  --container-max:1240px;
  --container-narrow:760px;
  --gutter:24px;
  --gutter-lg:40px;
  --section-y:120px;      /* vertical rhythm between marketing sections */
  --section-y-tight:80px;
  --grid-columns:12; /* @kind other */
  --grid-gap:24px;

  /* Control sizing */
  --control-h-sm:36px;
  --control-h-md:44px;
  --control-h-lg:52px;
  --control-pad-sm:16px;
  --control-pad-md:22px;
  --control-pad-lg:28px;
  --tap-min:44px;
}