/* Spacing — Commerce OS
   Brand scale: 4 / 8 / 16 / 20 / 24 / 32, extended for layout. */

:root {
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 16px;
  --space-4: 20px;
  --space-5: 24px;
  --space-6: 32px;
  /* layout extensions */
  --space-7: 40px;
  --space-8: 48px;
  --space-9: 64px;
  --space-10: 80px;
}