Spacing Scale Generator

:root {
  --spacing-md: 0.25rem; /* 4px */
  --spacing-lg: 0.5rem; /* 8px */
  --spacing-xl: 0.75rem; /* 12px */
  --spacing-2xl: 1rem; /* 16px */
  --spacing-3xl: 1.25rem; /* 20px */
  --spacing-4xl: 1.5rem; /* 24px */
  --spacing-5xl: 1.75rem; /* 28px */
  --spacing-6xl: 2rem; /* 32px */
  --spacing-7xl: 2.25rem; /* 36px */
  --spacing-8xl: 2.5rem; /* 40px */
}