/**
 * Theme: default
 */

// Variables
@import "../variables";
@import "default/colors";

// Commons styles
@import "default/styles";

// Light theme (Default)
// Can be forced with data-theme="light"
@import "default/light";

// Dark theme (Auto)
// Automatically enabled if user has Dark mode enabled
@media only screen and (prefers-color-scheme: dark) {
  @import "default/dark";
}

// Dark theme (Forced)
// Enabled if forced with data-theme="dark"
[data-theme="dark"] {
  @import "default/dark";
}