//
// Colors
// --------------------------------------------------

.bg-white {
  .bg-color(#fff, @text-color);
}
.bg-auto {
  .bg-color(@body-bg, @text-color);
}
.bg-transparent {
  background-color: transparent !important;
  color: @text-color;
}

// Brand primary
.bg-primary {
  .bg-color(var(--background-brand), var(--text-on-color));
}

// Brand success
.bg-success {
  .bg-color(var(--support-success), var(--text-inverse));
}

// Brand info
.bg-info {
  .bg-color(var(--support-info), var(--text-inverse));
}

// Brand warning
.bg-warning {
  .bg-color(var(--support-warning), var(--text-inverse));
}

// Brand danger
.bg-danger {
  .bg-color(var(--support-error), var(--text-inverse));
}