// Contextual backgrounds

@mixin bg-variant($parent, $color) {
  #{$parent} {
    color: $brand-pure !important;
    background-color: $color !important;
  }

  a#{$parent} {
    &:hover,
    &:focus {
      background-color: darken($color, 10%) !important;
    }
  }
}