:root{
  --space-xxs:4px;
  --space-xs:8px;
  --space-sm:12px;
  --space-base:16px;
  --space-md:20px;
  --space-lg:24px;
  --space-xl:32px;
  --space-xxl:48px;
  --space-section:96px;

  /* recurring composites */
  --card-padding:24px;
  --card-padding-lg:32px;
  --section-padding-y:96px;
  --section-padding-x:48px;
  --grid-gap:24px;
  --grid-gap-tight:16px;
}