@use './AppTheme' as appTheme;
@use './WebsiteTheme' as websiteTheme;
@use './EditorDarkTheme' as editorDarkTheme;
@use './EditorLightTheme' as editorLightTheme;

@mixin set-theme-variables($theme-map) {
  @each $key, $value in $theme-map {
    --#{$key}: #{$value};
  }
}

.website-theme {
  @include set-theme-variables(websiteTheme.$website-theme);
}

.app-theme {
  @include set-theme-variables(appTheme.$app-theme);
}

.editor-dark-theme {
  @include set-theme-variables(editorDarkTheme.$editor-dark-theme);
}

.editor-light-theme {
  @include set-theme-variables(editorLightTheme.$editor-light-theme);
}