@import "colors";

.light-theme * {
  --primary-1: #{$color-primary-1-light};
  --primary-2: #{$color-primary-2-light};
  --background-1: #{$color-background-1-light};
  --background-2: #{$color-background-2-light};
  --background-3: #{$color-background-3-light};
  --background-4: #{$color-background-4-light};
  --fonts-1: #{$color-fonts-1-light};
  --fonts-2: #{$color-fonts-2-light};
  --fonts-3: #{$color-fonts-3-light};
  --fonts-4: #{$color-fonts-4-light};
  --configuration-panel: #{$configuration-panel-color-light};
}
.dark-theme * {
  --primary-1: #{$color-primary-1-dark};
  --primary-2: #{$color-primary-2-dark};
  --background-1: #{$color-background-1-dark};
  --background-2: #{$color-background-2-dark};
  --background-3: #{$color-background-3-dark};
  --background-4: #{$color-background-4-dark};
  --fonts-1: #{$color-fonts-1-dark};
  --fonts-2: #{$color-fonts-2-dark};
  --fonts-3: #{$color-fonts-3-dark};
  --fonts-4: #{$color-fonts-4-dark};
  --configuration-panel: #{$configuration-panel-color-dark};
}