// Shades as background colors
//

@each $item, $color in $shades {
  @each $index, $value in $color {
    .bg-#{$item}-#{$index} {
      background-color: var(--color-#{$item}-#{$index});
    }
  }
}