@use "../mixins/background-variant";
@use "../variables";

// stylelint-disable declaration-no-important

@each $color, $value in variables.$theme-colors {
  @include background-variant.bg-variant(".bg-#{$color}", $value, true);
}

@if variables.$enable-gradients {
  @each $color, $value in variables.$theme-colors {
    @include background-variant.bg-gradient-variant(".bg-gradient-#{$color}", $value, true);
  }
}

@mixin bg-colors($color, $value, $relative: true) {
  .bg-#{$color} {
    background-color: $value !important;
  }
}

// theme-colors are in _background-variants.scss
// Add color bg classes
@each $color, $value in variables.$colors {
  @include bg-colors($color, $value);
}

// Add gray bg colors classes
@each $color, $value in variables.$grays {
  @include bg-colors($color, $value);
}

// Add teal bg colors classes
@each $color, $value in variables.$teals {
  @include bg-colors($color, $value);
}

// Add cyan bg colors classes
@each $color, $value in variables.$cyans {
  @include bg-colors($color, $value);
}

// Add pink bg colors classes
@each $color, $value in variables.$pinks {
  @include bg-colors($color, $value);
}

// Add yellow bg colors classes
@each $color, $value in variables.$yellows {
  @include bg-colors($color, $value);
}

.bg-transparent {
  background-color: transparent !important;
}

// NEW VIZ ID 2024

// neutrals
@each $color, $value in variables.$neutrals {
  @include bg-colors($color, $value);
}

// blues
@each $color, $value in variables.$blues {
  @include bg-colors($color, $value);
}

// oranges
@each $color, $value in variables.$oranges {
  @include bg-colors($color, $value);
}

// success colors
@each $color, $value in variables.$success-colors {
  @include bg-colors($color, $value);
}

// warning colors
@each $color, $value in variables.$warning-colors {
  @include bg-colors($color, $value);
}

// error colors
@each $color, $value in variables.$error-colors {
  @include bg-colors($color, $value);
}

// core colors
@each $color, $value in variables.$core-colors {
  @include bg-colors($color, $value);
}