/* Reference only: each --space-16 value assumes a 16px computed root.
   The --space-20 set assumes a 20px computed root. Do not set a fixed root
   solely to make the conversion work. Test zoom, larger text and wrapping. */
:root {
  --space-16-4: 0.25rem; /* 4px at 16px root */
  --space-16-8: 0.5rem; /* 8px at 16px root */
  --space-16-12: 0.75rem; /* 12px at 16px root */
  --space-16-16: 1rem; /* 16px at 16px root */
  --space-16-24: 1.5rem; /* 24px at 16px root */
  --space-16-32: 2rem; /* 32px at 16px root */
  --space-16-48: 3rem; /* 48px at 16px root */
  --space-20-4: 0.2rem; /* 4px at 20px root */
  --space-20-8: 0.4rem; /* 8px at 20px root */
  --space-20-12: 0.6rem; /* 12px at 20px root */
  --space-20-16: 0.8rem; /* 16px at 20px root */
  --space-20-24: 1.2rem; /* 24px at 20px root */
  --space-20-32: 1.6rem; /* 32px at 20px root */
  --space-20-48: 2.4rem; /* 48px at 20px root */
}