@use "sass:map";

@use "mixins";

@use "variables";
@use "../themes/variables-mobile" as mobile;
@use "../themes/variables-kiosk" as kiosk;
@use "../themes/variables-dark" as dark;

:root {
  @include mixins.writeVars(variables.$colors, "color");
  @include mixins.writeVars(variables.$vars, "");
}

.sd-theme-mobile {
  @include mixins.writeVars(mobile.$vars, "");
}

.sd-theme-kiosk {
  @include mixins.writeVars(kiosk.$vars, "");
}

.sd-theme-dark {
  @include mixins.writeVars(dark.$vars, "");
}