:root{
  --space-1:4px;
  --space-2:8px;
  --space-3:12px;
  --space-4:16px;
  --space-5:20px;
  --space-6:24px;
  --space-7:28px;
  --space-8:32px;
  --space-9:40px;
  --space-10:48px;
  --space-11:56px;
  --space-12:64px;
  --space-13:80px;
  --space-14:96px;
  --space-15:120px;

  /* semantic */
  --gutter-page:32px;
  --gutter-page-sm:20px;
  --wrap:1240px;
  --wrap-text:680px;
  --section-y:112px;
  --section-y-sm:72px;
  --card-pad:28px;
  --card-pad-tight:16px 20px;
  --stack-head:56px;      /* section head → content */
  --grid-gap:24px;        /* between separated cards */
  --grid-gap-sm:16px;
  --grid-hairline:1px;
  --block-pad:64px 72px;  /* full-bleed blocks: divider, quote, closing */
}