
//----------------------------------------------------/
// Background color
//----------------------------------------------------/
.bg-gray { background-color: $color-bg-gray; }


//----------------------------------------------------/
// Pale background
//----------------------------------------------------/
@each $color, $value in $pale-colors {
  .bg-pale-#{$color} {
    background-color: $value !important;
  }
}


//----------------------------------------------------/
// Gradient background
//----------------------------------------------------/
@each $color, $value in $gradient-colors {
  .bg-gradient-#{$color} {
    background-image: $value !important;
  }
}


//----------------------------------------------------/
// Text color
//----------------------------------------------------/
@include text-emphasis-variant(".text-default", $color-text, $ignore-warning: true);
@include text-emphasis-variant(".text-light", $color-text-light, $ignore-warning: true);
@include text-emphasis-variant(".text-lighter", $color-text-lighter, $ignore-warning: true);
@include text-emphasis-variant(".text-lightest", $color-text-lightest, $ignore-warning: true);

.text-inherit { color: inherit; }
