:root{
  --space-0:0px; --space-1:4px; --space-2:8px; --space-3:12px; --space-4:16px;
  --space-5:24px; --space-6:32px; --space-7:40px; --space-8:56px; --space-9:72px;
  --space-10:96px; --space-11:128px; --space-12:160px;

  --content-max:1280px; --content-narrow:760px; --content-wide:1440px;
  --gutter-desktop:32px; --gutter-tablet:24px; --gutter-mobile:20px;
  --grid-desktop:12; /* @kind other */
  --grid-tablet:8; /* @kind other */
  --grid-mobile:4; /* @kind other */

  --section-y:clamp(64px,8vw,128px); /* @kind spacing */
  --card-pad:24px; --card-pad-lg:32px; --card-gap:24px;
}