//
// Contextual backgrounds
//

.bg-faded {
  background-color: darken($body-bg, 3%);
}

@include bg-variant('.bg-inverse', $gray-light-65);

@include bg-variant('.bg-gray-darker', $gray-darker);

@include bg-variant('.bg-gray-lightest-18', $gray-light-9);

@include bg-variant('.bg-gray-lightest-10', $gray-light-4);

@include bg-variant('.bg-gray-lightest-5', $gray-light-2);

@include bg-variant('.bg-white', $white);


// backgrounds
@each $key, $value in $color-status {
  .bg-#{$key} {
    background-color: nth($value, 1);
  }

  a.bg-#{$key} {
    @include hover-focus {
      background-color: darken(nth($value, 1), 10%);
    }
  }
}