:root {
  /* 4px-derived steps as used across the site */
  --space-1: 4px;
  --space-2: 7px;
  --space-3: 9px;
  --space-4: 11px;
  --space-5: 14px;
  --space-6: 18px;
  --space-7: 22px;
  --space-8: 26px;
  --space-9: 30px;
  --space-10: 38px;
  --space-11: 52px;
  --space-12: 76px;

  /* page shell */
  --shell-max: 1360px;
  --shell-gutter: 16px;
  --shell-gutter-md: 24px;
  --shell-gutter-lg: 40px;
  --desktop-min: 1200px;

  /* rhythm */
  --section-gap: 76px;
  --section-gap-sm: 44px;
  --header-h: 72px;
  --header-h-sm: 56px;
  --utility-bar-h: 38px;
  --notice-bar-h: 40px;
  --sticky-offset: 92px;

  /* control heights */
  --control-h-xs: 32px;
  --control-h-sm: 34px;
  --control-h-md: 38px;
  --control-h-lg: 42px;
  --control-h-xl: 46px;
  --control-h-2xl: 52px;
}