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

  /* Rhythm */
  --section-y-desktop:120px;
  --section-y-tablet:88px;
  --section-y-mobile:64px;
  --section-gap-tight:64px;

  --grid-gutter-desktop:32px;
  --grid-gutter-tablet:24px;
  --grid-gutter-mobile:16px;

  --card-padding:32px;
  --card-padding-compact:24px;
  --card-gap:24px;

  --page-padding-desktop:48px;
  --page-padding-tablet:32px;
  --page-padding-mobile:20px;

  --stack-xs:8px;--stack-sm:12px;--stack-md:20px;--stack-lg:32px;--stack-xl:48px;
}
@media (max-width:1023px){:root{--section-y-desktop:var(--section-y-tablet)}}
@media (max-width:767px){:root{--section-y-desktop:var(--section-y-mobile);--card-padding:24px}}