// Contextual colors

.text-white { color: $white !important; }

@each $color, $value in $theme-colors {
  @include text-emphasis-variant(".text-#{$color}", $value);
}

:root {

  @each $color, $value in $theme-colors {
    --text-#{$color}: #{$value};
  }
  @each $color, $value in $opacity-values {
    --text-dark-#{$color}: #{rgba(darken(desaturate(#{$primary}, 85%), 55%), #{$value})};
    --text-light-#{$color}: #{rgba(#ffffff, #{$value})};
  }
  --text-body-default: #{$body-color};
  --text-heading-default: #{$heading-color};
  --pix-body-font: #{$font-family-base};
  --pix-heading-font: #{$font-family-secondary};
}



@each $color, $value in $opacity-values {
  @include text-emphasis-transparent-variant(".text-dark-#{$color}", darken(desaturate($primary, 85%), 55%), $value, "dark-#{$color}");
  @include text-emphasis-transparent-variant(".text-light-#{$color}", #ffffff, $value, "light-#{$color}");
  // @include text-emphasis-transparent-variant(".text-light-#{$color}", lighten(desaturate($primary, 30%), 40%), $value);
  // @include text-emphasis-transparent-variant(".text-primary-#{$color}", $primary, $value, "primary-#{$color}");
  // @include text-emphasis-transparent-variant(".text-success-#{$color}", $success, $value, "success-#{$color}");
  // @include text-emphasis-transparent-variant(".text-info-#{$color}", $info, $value, "info-#{$color}");
  // @include text-emphasis-transparent-variant(".text-warning-#{$color}", $warning, $value, "warning-#{$color}");
  // @include text-emphasis-transparent-variant(".text-danger-#{$color}", $danger, $value, "danger-#{$color}");
    // @each $c, $v in $theme-colors {
    //     @include text-emphasis-transparent-variant(".text-#{$c}-#{$color}", $v, $value);
    // }
}


.text-body { color: $body-color !important; }
.text-muted { color: $text-muted !important; }

.text-black-50 { color: rgba($black, .5) !important; }
.text-white-50 { color: rgba($white, .5) !important; }