:root {
  /* 4px base grid; 6 is legal (ticket perforation rhythm) */
  --space-0: 0;
  --space-1: 2px;
  --space-2: 4px;
  --space-3: 6px;
  --space-4: 8px;
  --space-5: 12px;
  --space-6: 16px;
  --space-7: 20px;
  --space-8: 24px;
  --space-9: 32px;
  --space-10: 40px;
  --space-11: 48px;
  --space-12: 64px;
  --space-13: 80px;
  --space-14: 112px;

  --gutter-mobile: var(--space-6);
  --gutter-tablet: var(--space-9);
  --gutter-desktop: var(--space-10);
  --container-max: 1200px;
  --container-narrow: 720px;
  --container-email: 600px;
  --section-y-desktop: var(--space-14);
  --section-y-mobile: var(--space-11);
  --control-height-sm: 32px;
  --control-height-md: 40px;
  --control-height-lg: 48px;
  --tap-target-min: 44px;
}