/* 4px-based, with two sub-steps for hairline work. */
:root {
  --space-3xs: 2px;
  --space-2xs: 4px;
  --space-xs: 8px;
  --space-sm: 12px;
  --space-md: 16px;
  --space-lg: 24px;
  --space-xl: 32px;
  --space-2xl: 48px;
  --space-3xl: 64px;
  --space-4xl: 96px;
  --space-5xl: 128px;

  --gutter: clamp(20px, 4vw, 40px);
  --section-y: clamp(56px, 8vw, 112px);
  --container: 1180px;
  --container-reading: 660px;
}