//
// Theme overrides for Bootstrap alert colors
//

.alert {
  --#{$prefix}alert-bg: transparent;
  --#{$prefix}alert-color: inherit;
  --#{$prefix}alert-border-color: transparent;
  --#{$prefix}alert-link-color: inherit;

  color: var(--#{$prefix}alert-color);
  background-color: var(--#{$prefix}alert-bg);
  border-color: var(--#{$prefix}alert-border-color);
}

.alert-heading {
  color: inherit;
}

.alert-link {
  color: var(--#{$prefix}alert-link-color);
}

// Alert contextual modifiers
@each $state in map-keys($theme-colors) {
  .alert-#{$state} {
    --#{$prefix}alert-color: var(--#{$prefix}#{$state}-text-emphasis);
    --#{$prefix}alert-bg: var(--#{$prefix}#{$state}-bg-subtle);
    --#{$prefix}alert-border-color: var(--#{$prefix}#{$state}-border-subtle);
    --#{$prefix}alert-link-color: var(--#{$prefix}#{$state}-text-emphasis);
  }
}