// stylelint-disable declaration-no-important
@use '@angular/material' as mat;

@mixin sc-background-theme($theme) {
  $primary: map-get($theme, primary);
  $accent: map-get($theme, accent);
  $success: map-get($theme, success);
  $warning: map-get($theme, warning);
  $danger: map-get($theme, danger);
  $background: map-get($theme, background);
  $foreground: map-get($theme, foreground);
  $scBackground: map-get($theme, sc-background);
  $scForeground: map-get($theme, sc-foreground);

  .bg-primary {background-color: mat.get-color-from-palette($primary, 500) !important; color: mat.get-contrast-color-from-palette($primary, 500)}
  .bg-primary-muted {background-color: rgba(map-get($primary, 500), 0.5) !important;}
  .bg-primary-super-muted {background-color: rgba(map-get($primary, 500), 0.05) !important;}
  .bg-accent {background-color: mat.get-color-from-palette($accent, 500) !important; color: mat.get-contrast-color-from-palette($accent, 500);}
  .bg-success {background-color: map-get($success, 500) !important; color: mat.get-contrast-color-from-palette($success, 500);}
  .bg-warning {background-color: map-get($warning, 500) !important; color: mat.get-contrast-color-from-palette($warning, 500);}
  .bg-danger {background-color: map-get($danger, 500) !important; color: mat.get-contrast-color-from-palette($danger, 500);}
  .bg-card {background-color: mat.get-color-from-palette($background, card) !important; color: mat.get-color-from-palette($foreground, text);}
  .bg-card-inverted {background-color: map-get($scBackground, card-inverted) !important; color: mat.get-color-from-palette($scForeground, text-inverted);}
  .bg-card-light {background-color: #ffffff !important; color: rgba(0, 0, 0, 0.87);}
  .bg-card-dark {background-color: #424242 !important; color: rgba(255, 255, 255, 1);}
  .bg-hover {background-color: mat.get-color-from-palette($background, hover) !important;}
  .bg-transparent {background-color: transparent !important;}
}