/* ==========================================================================
 * Background Colors
 * ========================================================================== */

@define-mixin mds-h-background-color $background-color, $color {
  background-color: var(--mds-t-background-color--primary) !important;
  color: $color !important;
}

.mds-h-background-color-info {
  @mixin mds-h-background-color var(--mds-t-color--blue),
    var(--mds-t-text-color--inverse-primary);
}

.mds-h-background-color-success {
  @mixin mds-h-background-color var(--mds-t-color--green),
    var(--mds-t-text-color--inverse-primary);
}

.mds-h-background-color-warning {
  @mixin mds-h-background-color var(--mds-t-color--orange),
    var(--mds-t-text-color--inverse-primary);
}

.mds-h-background-color-danger {
  @mixin mds-h-background-color var(--mds-t-color--red),
    var(--mds-t-text-color--inverse-primary);
}