:root {
  --spacing-4: 0.25rem;
  --spacing-8: calc(var(--spacing-4) * 2);
  --spacing-12: calc(var(--spacing-4) * 3);
  --spacing-16: calc(var(--spacing-4) * 4);
  --spacing-20: calc(var(--spacing-4) * 5);
  --spacing-24: calc(var(--spacing-4) * 6);
  --spacing-28: calc(var(--spacing-4) * 7);
  --spacing-32: calc(var(--spacing-4) * 8);
  --spacing-36: calc(var(--spacing-4) * 9);
  --spacing-40: calc(var(--spacing-4) * 10);
}