// This file provides both Sass and CSS variables for spacing
$spacing-00: 0;
$spacing-01: 2px;
$spacing-02: 4px;
$spacing-03: 6px;
$spacing-04: 8px;
$spacing-05: 12px;
$spacing-06: 16px;
$spacing-07: 20px;
$spacing-08: 24px;
$spacing-09: 32px;
$spacing-10: 40px;
$spacing-11: 48px;
$spacing-12: 56px;
$spacing-13: 64px;
$spacing-14: 72px;
$spacing-15: 80px;
$spacing-16: 96px;
$all-spacings: spacing-00, spacing-01, spacing-02, spacing-03, spacing-04,
  spacing-05, spacing-06, spacing-07, spacing-08, spacing-09, spacing-10,
  spacing-11, spacing-12, spacing-13, spacing-14, spacing-15, spacing-16;

:root {
  --spacing-00: #{$spacing-00};
  --spacing-01: #{$spacing-01};
  --spacing-02: #{$spacing-02};
  --spacing-03: #{$spacing-03};
  --spacing-04: #{$spacing-04};
  --spacing-05: #{$spacing-05};
  --spacing-06: #{$spacing-06};
  --spacing-07: #{$spacing-07};
  --spacing-08: #{$spacing-08};
  --spacing-09: #{$spacing-09};
  --spacing-10: #{$spacing-10};
  --spacing-11: #{$spacing-11};
  --spacing-12: #{$spacing-12};
  --spacing-13: #{$spacing-13};
  --spacing-14: #{$spacing-14};
  --spacing-15: #{$spacing-15};
  --spacing-16: #{$spacing-16};
}
