/* Derived from the user-provided Wolfox Playroom background kit. */
:root[data-playroom-game="tower-defense"] {
  --play-base-light: #F7F3E7;
  --play-panel-light: #FFFDF5;
  --play-soft-light: #ECEAD8;
  --play-text-light: #3B493D;
  --play-muted-light: #68735E;
  --play-accent-light: #55704D;
  --play-onAccent-light: #FFFFFF;
  --play-border-light: #DEDCC5;
  --play-glow1-light: #EDE1BD;
  --play-glow2-light: #D4E7DE;
  --play-art-light: url("./tower-defense-light.svg");
  --play-base-dark: #2D302A;
  --play-panel-dark: #3B4035;
  --play-soft-dark: #4B5141;
  --play-text-dark: #F7F3DF;
  --play-muted-dark: #CBCBB0;
  --play-accent-dark: #DDCB8B;
  --play-onAccent-dark: #39351C;
  --play-border-dark: #60674F;
  --play-glow1-dark: #625639;
  --play-glow2-dark: #36584D;
  --play-art-dark: url("./tower-defense-dark.svg");
}

:root[data-playroom-game] {
  color-scheme: light;
  --play-base: var(--play-base-light);
  --play-panel: var(--play-panel-light);
  --play-soft: var(--play-soft-light);
  --play-text: var(--play-text-light);
  --play-muted: var(--play-muted-light);
  --play-accent: var(--play-accent-light);
  --play-onAccent: var(--play-onAccent-light);
  --play-border: var(--play-border-light);
  --play-art: var(--play-art-light);
}
@media (prefers-color-scheme: dark) {
  :root[data-playroom-game]:not([data-playroom-theme="light"]):not([data-playroom-theme="dark"]) {
    color-scheme: dark;
  --play-base: var(--play-base-dark);
  --play-panel: var(--play-panel-dark);
  --play-soft: var(--play-soft-dark);
  --play-text: var(--play-text-dark);
  --play-muted: var(--play-muted-dark);
  --play-accent: var(--play-accent-dark);
  --play-onAccent: var(--play-onAccent-dark);
  --play-border: var(--play-border-dark);
  --play-art: var(--play-art-dark);
  }
}
:root[data-playroom-game][data-playroom-theme="dark"] {
  color-scheme: dark;
  --play-base: var(--play-base-dark);
  --play-panel: var(--play-panel-dark);
  --play-soft: var(--play-soft-dark);
  --play-text: var(--play-text-dark);
  --play-muted: var(--play-muted-dark);
  --play-accent: var(--play-accent-dark);
  --play-onAccent: var(--play-onAccent-dark);
  --play-border: var(--play-border-dark);
  --play-art: var(--play-art-dark);
}