// compile 
@import "variables/colors";

:root {
  @each $color, $shades in $md-colors {
    @each $shade, $hex, $text in $shades {
      --md-#{$color}-#{$shade}: $hex;
      --md-primary-text-on-#{$color}-#{$shade}: var(--md-#{$text}-text-primary);
      --md-secondary-text-on-#{$color}-#{$shade}: var(--md-#{$text}-text-secondary);
      --md-active-icon-on-#{$color}-#{$shade}: var(--md-#{$text}-icon-active);
      --md-inactive-icon-on-#{$color}-#{$shade}: var(--md-#{$text}-icon-inactive);
    }
  }
}