////////////////////////////////////////
// THEME / UTILITIES / BACKGROUND COLORS
////////////////////////////////////////


@media screen {

  // Scarlet
  .unl-bg-scarlet { @include bg-scarlet(!important); }


  // Cream
  .unl-bg-cream { @include bg-cream(!important); }


  // Gray
  .unl-bg-lightest-gray { @include bg-lightest(!important); }
  .unl-bg-lighter-gray { @include bg-lighter(!important); }
  .unl-bg-light-gray { @include bg-light(!important); }
  .unl-bg-dark-gray { @include bg-dark(!important); }
  .unl-bg-darker-gray { @include bg-darker(!important); }
  .unl-bg-darkest-gray { @include bg-darkest(!important); }


  // Cerulean
  .unl-bg-cerulean { @include bg-cerulean(!important); }


  // Green
  .unl-bg-green { @include bg-green(!important); }
  .unl-bg-light-green { @include bg-light-green(!important); }


  // Blue
  .unl-bg-blue { @include bg-blue(!important); }
  .unl-bg-light-blue { @include bg-light-blue(!important); }


  // Purple
  .unl-bg-purple { @include bg-purple(!important); }
  .unl-bg-light-purple { @include bg-light-purple(!important); }


  // Yellow
  .unl-bg-yellow { @include bg-yellow(!important); }


  // Orange
  .unl-bg-orange { @include bg-orange(!important); }

}


@media screen and (prefers-color-scheme: dark) {

  // Cream
  .unl-bg-cream\@dark { @include bg-cream-at-dark(!important); }


  // Gray
  .unl-bg-lightest-gray\@dark { @include bg-lightest-at-dark(!important); }
  .unl-bg-lighter-gray\@dark { @include bg-lighter-at-dark(!important); }
  .unl-bg-light-gray\@dark { @include bg-light-at-dark(!important); }


  // Green
  .unl-bg-light-green\@dark { @include bg-light-green-at-dark(!important); }


  // Blue
  .unl-bg-light-blue\@dark { @include bg-light-blue-at-dark(!important); }


  // Purple
  .unl-bg-light-purple\@dark { @include bg-light-purple-at-dark(!important); }

}