@import (reference) "../../variables/neptune-tokens.less";

// Contextual backgrounds

// @DEPRECATED: .bg-default use .bg-neutral instead
.bg-default,
.bg-neutral {
  background-color: var(--color-background-neutral) !important;
  color: var(--color-content-secondary);
}

// @DEPRECATED: .bg-info, .bg-accent use .bg-neutral instead
.bg-accent,
.bg-info {
  background-color: var(--color-background-accent) !important;
}

// @DEPRECATED: .bg-primary use .bg-elevated or ThemeProvider with theme="forest-green" instead
.bg-primary {
  background-color: @color-navy-background-elevated !important;
  color: @color-navy-content-primary;
}

// @DEPRECATED: .bg-success, .bg-positive use .bg-neutral instead
.bg-positive,
.bg-success {
  background-color: var(--color-background-positive) !important;
}

// @DEPRECATED: .bg-danger, .bg-negative use .bg-neutral instead
.bg-negative,
.bg-danger {
  background-color: var(--color-background-negative) !important;
}

// @DEPRECATED: .bg-warning use .bg-neutral instead
.bg-warning {
  background-color: var(--color-background-warning) !important;
}

.bg-elevated {
  background-color: var(--color-background-elevated) !important;
}

.bg-screen {
  background-color: var(--color-background-screen) !important;
}

.bg-overlay {
  background-color: var(--color-background-overlay) !important;
}

// @DEPRECATED: .bg-primary, .bg-info, .bg-accent use .bg-neutral or .bg-elevated or ThemeProvider with theme="forest-green" instead
.bg-primary,
.bg-info,
.bg-accent {
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  .h1,
  .h2,
  .h3,
  .h4,
  .h5,
  .h6,
  .title-1,
  .title-2,
  .title-3,
  .title-4,
  .title-5,
  .np-text-title-screen,
  .np-text-title-section,
  .np-text-title-subsection,
  .np-text-title-body,
  .np-text-title-group,
  strong {
    color: @color-navy-content-primary;
  }
}