@import "design-tokens/compiled/fonts.css";
@import "design-tokens/compiled/vars.css";
@import "design-tokens/compiled/themes/blue-suede-shoes.css";
@import "design-tokens/compiled/themes/paint-it-black.css";

:root {
  color-scheme: light dark;

  @media (prefers-reduced-motion) {
    --animation-duration-slow: 0s;
    --animation-duration-medium: 0s;
    --animation-duration-fast: 0s;
  }
}

html {
  color-scheme: light;
}

html[data-mode="dark"] {
  color-scheme: dark;
}

@media (prefers-color-scheme: dark) {
  html:not([data-mode]) {
    color-scheme: dark;
  }
}