:root {
  /* Base unit 8px — powers of 8, no 4/12 middle ground */
  --space-1: 8px;
  --space-2: 16px;
  --space-3: 24px;
  --space-4: 32px;
  --space-6: 48px;
  --space-8: 64px;
  --space-12: 96px;
  --space-16: 128px;

  /* Semantic */
  --gutter-page: 48px;
  --section-y: 96px;
  --section-y-lg: 128px;
  --card-pad: 32px;
  --nav-top: 24px;
  --content-max: 1280px;
}