@use "sass:color";
@use "colors" as *;
@use "../colors" as *;
@use "sizes" as *;
@use "../sizes" as *;


// adduse
.dx-theme-marker {
  font-family: "dx.fluent.#{$fluent-color-accent-modificator}.#{$fluent-color-theme-modificator}#{$fluent-size-postfix}";
}

// stylelint-disable declaration-no-important
.dx-theme-accent-as-text-color {
  color: $base-accent !important;
}

.dx-theme-text-color {
  color: $base-text-color !important;
}

.dx-theme-background-color-as-text-color {
  color: $base-bg !important;
}

.dx-theme-border-color-as-text-color {
  color: $base-border-color !important;
}

.dx-theme-accent-as-background-color {
  background-color: $base-accent !important;
  fill: $base-accent !important;
}

.dx-theme-text-color-as-background-color {
  background-color: $base-text-color !important;
  fill: $base-text-color !important;
}

.dx-theme-background-color {
  background-color: $base-bg !important;
  fill: $base-bg !important;
}

.dx-theme-typography-background-color {
  background-color: $base-typography-bg !important;
}

.dx-theme-border-color-as-background-color {
  background-color: $base-border-color !important;
  fill: $base-border-color !important;
}

.dx-theme-accent-as-border-color {
  border-color: $base-accent !important;
}

.dx-theme-text-color-as-border-color {
  border-color: $base-text-color !important;
}

.dx-theme-background-color-as-border-color {
  border-color: $base-bg !important;
}

.dx-theme-border-color {
  border-color: $base-border-color !important;
}