/* Shared by the solo and multiplayer pages. */
:root {
  color-scheme: dark;
  --canvas: #0e0e0f;
  --surface: #181819;
  --raised: #212123;
  --control-bg: #252527;
  --hover: #303033;
  --selected: #343438;
  --line: #454549;
  --line-strong: #77777c;
  --text: #f4f4f4;
  --muted: #b8b8bf;
  --accent: #f4f4f4;
  --on-accent: #111112;
  --positive: #a4ddb7;
  --positive-bg: #23342a;
  --warning: #f0d38f;
  --warning-bg: #322c21;
  --danger: #ffb5aa;
  --danger-bg: #3a2524;
  --shadow: #0005;
  --icon-filter: invert(.94);
  --icon-on-accent: none;
  --rarity-0: #d8d8df;
  --rarity-1: #a4ddb7;
  --rarity-2: #a8cfff;
  --rarity-3: #d7baff;
  --rarity-4: #f3d38b;
}
:root[data-theme="light"] {
  color-scheme: light;
  --canvas: #f5f5f5;
  --surface: #ffffff;
  --raised: #eeeeef;
  --control-bg: #f8f8f8;
  --hover: #e7e7e9;
  --selected: #dedee2;
  --line: #c9c9ce;
  --line-strong: #75757d;
  --text: #171719;
  --muted: #505058;
  --accent: #171719;
  --on-accent: #ffffff;
  --positive: #245a3b;
  --positive-bg: #e6f1e9;
  --warning: #70531d;
  --warning-bg: #f7eedb;
  --danger: #8a342e;
  --danger-bg: #f8e8e6;
  --shadow: #17171920;
  --icon-filter: none;
  --icon-on-accent: invert(1);
  --rarity-0: #464650;
  --rarity-1: #245a3b;
  --rarity-2: #264f81;
  --rarity-3: #5d3d81;
  --rarity-4: #76531a;
}
.theme-switch {
  min-height: 38px;
  padding: 6px 10px;
  white-space: nowrap;
  font-size: 13px;
}