// stylelint-disable declaration-no-important

// Contextual backgrounds

@mixin bg-variant($parent, $color, $text-dark: $body-color, $text-light: $color, $lightness-amount: +92%) {
  #{$parent} {
    background-color: $color;
    color: color-yiq($color, $text-dark, scale_color($text-light, $lightness: $lightness-amount));

    h1, h2, h3, h4, h5 {
      color: color-yiq($color, $headings-color, scale_color($text-light, $lightness: $lightness-amount))
    }

  }

}
