@media only screen and (prefers-color-scheme: dark) and (min-width: 768px) {
  :root:not([data-theme]) .bottom-container a {
    --pico-background-color: #33333380;
  }
}

@media (min-width: 768px) {
  [data-theme=dark] .bottom-container a {
    --pico-background-color: #333333;
  }
}

@media only screen and (prefers-color-scheme: dark) {
  html:not([data-theme]) {
    background-image: url("/assets/abstract-watercolor-splash-dark-622d2488.jpg");
    background-color: black;
  }

  :root:not([data-theme]) #main-nav .main-logo {
    background-image: url("/assets/wt-logo-kunz-dark-d1ad2c00.png");
  }

  :root:not([data-theme]) #main-nav span {
    color: var(--pico-card-background-color);
  }

  :root:not([data-theme]) article.warning {
    background-color: #995500
  }

  :root:not([data-theme]) article.announcement {
    background-color: #2a3f47;
  }

  :root:not([data-theme]) div.battle,
  :root:not([data-theme]) a.battle  {
    --pico-color: var(--pico-primary);
  }

  :root:not([data-theme]) .battle .player.winner .name::before,
  :root:not([data-theme]) .battle .player.winner .name::after {
    filter: invert(50%);
  }

  :root:not([data-theme]) .champion .name::before,
  :root:not([data-theme]) .champion .name::after {
    filter: invert(50%);
  }

  :root:not([data-theme]) .battle-participant.winner::before,
  :root:not([data-theme]) .battle-participant.winner::after {
    filter: invert(50%);
  }

  :root:not([data-theme]) article.hero {
    background-image: linear-gradient(#3a3c49, #181c25);
  }

  :root:not([data-theme]) .game-system-item,
  :root:not([data-theme]) .game-system-item:focus,
  :root:not([data-theme]) .game-system-item:hover {
    --pico-border-color: #111;
    --background-color-start: #202632;
    --background-color-end: #1e222c;
  }

  :root:not([data-theme]) .only-light {
    display: none;
  }

  :root:not([data-theme]) .only-dark {
    display: unset;
  }
}

[data-theme=dark] article.hero {
  background-image: linear-gradient(#3a3c49, #181c25);
}

[data-theme=dark] .game-system-item:focus,
[data-theme=dark] .game-system-item:hover,
[data-theme=dark] .game-system-item {
  --pico-border-color: #111;
  --background-color-start: #202632;
  --background-color-end: #1e222c;
}

[data-theme=dark] .only-light {
  display: none;
}

[data-theme=dark]  .only-dark {
  display: unset;
}

html[data-theme=dark] {
  background-image: url("/assets/abstract-watercolor-splash-dark-622d2488.jpg");
  background-color: black;
}

[data-theme=dark] #main-nav .main-logo {
  background-image: url("/assets/wt-logo-kunz-dark-d1ad2c00.png");
}

[data-theme=dark] #main-nav span {
  color: var(--pico-card-background-color);
}

[data-theme=dark] article.warning {
  --pico-card-background-color: #995500;
}

[data-theme=dark] article.warning a {
  --pico-color: #ffa000;
}

[data-theme=dark] article.announcement {
  --pico-card-background-color: #2a3f47;
}

[data-theme=dark] div.battle,
[data-theme=dark] a.battle  {
  --pico-color: var(--pico-primary);
}

[data-theme=dark] .battle .player.winner .name::before,
[data-theme=dark] .battle .player.winner .name::after {
  filter: invert(50%);
}

[data-theme=dark] .champion .name::before,
[data-theme=dark] .champion .name::after {
  filter: invert(50%);
}

[data-theme=dark] .battle-participant.winner::before,
[data-theme=dark] .battle-participant.winner::after {
  filter: invert(50%);
}