:root{
  --space-1:2px;
  --space-2:4px;
  --space-3:6px;
  --space-4:8px;
  --space-5:10px;
  --space-6:12px;
  --space-7:14px;
  --space-8:16px;
  --space-9:20px;
  --space-10:22px;
  --space-11:24px;
  --space-12:26px;
  --space-13:28px;
  --space-14:32px;
  --space-15:36px;
  --space-16:64px;

  /* Semantic */
  --page-margin:64px;
  --section-gap:32px;
  --section-gap-l:36px;
  --card-padding:22px 26px;
  --card-padding-l:24px 28px;
  --grid-gap:20px;
  --pill-padding:7px 18px;
  --button-padding:10px 22px;
}