:root{
  /* 4px base grid */
  --space-0:0px;
  --space-1:4px;
  --space-2:8px;
  --space-3:12px;
  --space-4:16px;
  --space-5:20px;
  --space-6:24px;
  --space-8:32px;
  --space-10:40px;
  --space-12:48px;
  --space-16:64px;
  --space-20:80px;
  --space-24:96px;
  --space-32:128px;

  /* T-shirt aliases */
  --space-xs:var(--space-1);
  --space-s:var(--space-2);
  --space-m:var(--space-4);
  --space-l:var(--space-6);
  --space-xl:var(--space-10);
  --space-xxl:var(--space-16);

  /* Composition */
  --space-section:var(--space-24);
  --space-section-compact:var(--space-16);
  --space-page-x:var(--space-12);
  --space-page-x-tablet:var(--space-8);
  --space-page-x-mobile:var(--space-5);
  --space-card:var(--space-6);
  --space-card-compact:var(--space-4);
  --space-stack:var(--space-4);
}