/* OLS spacing. Digital scale is a 4px base; the 40px modular grid unit is kept for social/print. */
:root{
  --space-0: 0;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-16: 64px;
  --space-20: 80px;

  /* brand-book modular grid */
  --grid-unit: 40px;
  --grid-margin-post: 60px;   /* 1.5x — 1080x1080 and 1080x1440 */
  --grid-margin-story: 80px;  /* 2x   — 1080x1920 */

  /* screen gutters */
  --gutter-mobile: 16px;
  --gutter-desktop: 40px;

  /* minimum tap target — 97% mobile traffic */
  --tap-min: 44px;

  /* minimum breathing room before any footer hands off (mobile; ≥96px desktop) */
  --space-page-end: 72px;
}
@media (min-width: 820px){
  :root{ --space-page-end: 96px; }
}