@use "sass:map";
@use "./color";
@use "./tag-colors";

// Light theme CSS variables
:root,
:host,
:host(.is-light),
.is-light,
#root.is-light,
#root-modals.is-light,
#root-tooltips.is-light,
#root-dropdowns.is-light {
  @each $name, $value in color.$colors-light {
    --color-#{$name}: #{$value};
  }
  @each $name, $value in tag-colors.$tag-colors-light {
    --#{$name}: #{$value};
  }
  color: var(--color-text-default);
}

// Dark theme CSS variables
:host(.is-dark),
.is-dark,
#root.is-dark,
#root-modals.is-dark,
#root-tooltips.is-dark,
#root-dropdowns.is-dark {
  @each $name, $value in color.$colors-dark {
    --color-#{$name}: #{$value};
  }
  @each $name, $value in tag-colors.$tag-colors-dark {
    --#{$name}: #{$value};
  }
  color: var(--color-text-default);
}