@use '@angular/material' as mat;
@mixin sc-text-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);
  $foreground: map-get($theme, foreground);
  $scForeground: map-get($theme, sc-foreground);
  $is-dark-theme: map-get($theme, is-dark);

  $primary-muted: mat.get-color-from-palette($primary, 500, if($is-dark-theme, 0.8, 0.64));
  $accent-muted: mat.get-color-from-palette($accent, 500, if($is-dark-theme, 0.8, 0.64));
  $success-muted: mat.get-color-from-palette($success, 500, if($is-dark-theme, 0.8, 0.64));
  $warning-muted: mat.get-color-from-palette($warning, 500, if($is-dark-theme, 0.8, 0.64));
  $danger-muted: mat.get-color-from-palette($danger, 500, if($is-dark-theme, 0.8, 0.64));


//* Contextual colors

.text-primary {color: mat.get-color-from-palette($primary, 500) !important;}
.text-primary-muted,.text-primary.text-muted {color: $primary-muted !important;}

.text-accent {color: mat.get-color-from-palette($accent, 500) !important;}
.text-accent-muted,.text-accent.text-muted {color: $accent-muted !important;}

.text-success {color: map-get($success, 500) !important;}
.text-success-muted,.text-success.text-muted {color: $success-muted !important;}

.text-warning {color: map-get($warning, 500) !important;}
.text-warning-muted,.text-warning.text-muted {color: $warning-muted !important;}

.text-danger {color: map-get($danger, 500) !important;}
.text-danger-muted,.text-danger.text-muted {color: $danger-muted !important;}

.text-default {color: map-get($foreground, text) !important;}
.text-default-inverted {color: map-get($scForeground, text-inverted) !important;}
.text-default-dark {color: rgba(0, 0, 0, 0.87) !important;}
.text-default-light {color: rgba(255, 255, 255, 1) !important;}
.text-muted-dark {color: rgba(0, 0, 0, 0.54) !important;}
.text-muted-light {color: rgba(255, 255, 255, 0.7) !important}
.text-muted {color: map-get($foreground, secondary-text) !important;}
.text-disabled {color: map-get($foreground, disabled-text) !important;}
// .text-muted-inverted {color: map-get($scForeground, secondary-text-inverted);}
}