:root {
  --space-2xs: 4px;
  --space-xs: 8px;
  --space-sm: 12px;
  --space-md: 16px;
  --space-lg: 24px;
  --space-xl: 32px;
  --space-2xl: 48px;
  --space-3xl: 72px;
  --space-4xl: 112px;

  --gutter-screen: 16px;      /* mobile screen padding */
  --gutter-screen-lg: 24px;   /* desktop screen padding */
  --measure-narrow: 34rem;    /* prose column */
  --measure-content: 42rem;   /* app content column */
  --measure-wide: 64rem;      /* marketing column */
  --sidebar-width: 240px;
  --tabbar-height: 64px;
  --hit-min: 44px;
}