:root {
  --app-light-background: #fafafa;
  --app-dark-background: #222325;
  --app-background: var(--app-light-background);
  --app-wave-background: #ffffff;
  background-color: var(--app-background);
  color-scheme: light;
}
body {
  background-color: var(--app-background);
}
:root[data-app-theme="dark"] {
  --app-background: var(--app-dark-background);
  --app-wave-background: var(--app-dark-background);
  color-scheme: dark;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-app-theme="light"]) {
    --app-background: var(--app-dark-background);
    --app-wave-background: var(--app-dark-background);
    color-scheme: dark;
  }
}