:root {
  @each $name, $value in $colors {
    --#{"color-"+$name}: #{$value};
  }

  @each $name, $value in $shadows {
    --#{"shadow-"+$name}: #{$value};
  }

  @each $name, $value in $borders-radius {
    --#{"border-r-"+$name}: #{$value};
  }

  @each $name, $value in $font-sizes {
    --#{"font-s-"+$name}: #{$value};
  }

  @each $name, $value in $font-weights {
    --#{"font-w-"+$name}: #{$value};
  }

  @each $name, $value in $breakpoints {
    --#{"breakpoint-"+$name}: #{$value};
  }

  @each $name, $value in $background-colors {
    --#{"bg-"+$name}: #{$value};
  }
}