/* Shared by the game and app-owned account screens. Classic is the original slate table. */
:root,
:root[data-theme="classic"] {
  color-scheme: dark;
  --bg: #111419;
  --glow: #222934;
  --text: #f5f4ed;
  --muted: #afbdd0;
  --subtle: #93a3b9;
  --surface: #191f28;
  --surface-raised: #252f3d;
  --surface-hover: #303e50;
  --border: #435269;
  --border-strong: #7186a4;
  --accent: #d4deec;
  --accent-ink: #161c25;
  --invite: #adf078;
  --invite-ink: #17230e;
  --selected: #2a405c;
  --selected-text: #c4e2ff;
  --selected-border: #91c7ff;
  --nav: #202833;
  --nav-glass: #202833ed;
  --nav-line: #a6bdd136;
  --highlight: #ffffff0d;
  --shadow: #0005;
  --danger: #ffb7af;
  --danger-bg: #9a3931;
  --back-a: #29354a;
  --back-b: #384863;
  --back-edge: #7186a4;
  --back-ink: #d4deec;
  --back-shadow: #1b2434;
}
:root[data-theme="dark"] {
  color-scheme: dark;
  --bg: #080b10;
  --glow: #152127;
  --text: #f1f6f5;
  --muted: #a8bab8;
  --subtle: #92a6a5;
  --surface: #11191d;
  --surface-raised: #1b282d;
  --surface-hover: #25373c;
  --border: #364d53;
  --border-strong: #6e9299;
  --accent: #b9e7da;
  --accent-ink: #10241f;
  --invite: #f6ce79;
  --invite-ink: #241b0d;
  --selected: #213e38;
  --selected-text: #c2f0e3;
  --selected-border: #8fd2bd;
  --nav: #121d22;
  --nav-glass: #121d22f2;
  --nav-line: #8fbdb536;
  --highlight: #d8fff00b;
  --shadow: #0008;
  --danger: #ffb7b2;
  --danger-bg: #9c383b;
  --back-a: #1a3036;
  --back-b: #294950;
  --back-edge: #729b9d;
  --back-ink: #c1ebe2;
  --back-shadow: #0c1d23;
}
:root[data-theme="light"] {
  color-scheme: light;
  --bg: #f4f1ea;
  --glow: #ffffff;
  --text: #202b3c;
  --muted: #4e6076;
  --subtle: #596a7d;
  --surface: #fffdf8;
  --surface-raised: #e8edf3;
  --surface-hover: #dce5f0;
  --border: #bdc8d5;
  --border-strong: #677c97;
  --accent: #2857a3;
  --accent-ink: #ffffff;
  --invite: #196b43;
  --invite-ink: #ffffff;
  --selected: #dce8fa;
  --selected-text: #204a8b;
  --selected-border: #376bb4;
  --nav: #fffdf8;
  --nav-glass: #fffdf8f2;
  --nav-line: #7589a449;
  --highlight: #ffffffb3;
  --shadow: #22324a1c;
  --danger: #a72e36;
  --danger-bg: #a13039;
  --back-a: #d7e2f0;
  --back-b: #b8cbe2;
  --back-edge: #59769f;
  --back-ink: #284767;
  --back-shadow: #9baec9;
}
:root[data-theme="pink"] {
  color-scheme: dark;
  --bg: #291a28;
  --glow: #513044;
  --text: #fff1f7;
  --muted: #dec0d1;
  --subtle: #cba5bc;
  --surface: #352234;
  --surface-raised: #493044;
  --surface-hover: #5b3b53;
  --border: #78536d;
  --border-strong: #b580a2;
  --accent: #f4bad6;
  --accent-ink: #402136;
  --invite: #a9e7cb;
  --invite-ink: #132a20;
  --selected: #65415b;
  --selected-text: #ffe1ef;
  --selected-border: #f5b4d3;
  --nav: #3b2738;
  --nav-glass: #3b2738f0;
  --nav-line: #f4bad641;
  --highlight: #ffe7f40c;
  --shadow: #14071160;
  --danger: #ffc1bc;
  --danger-bg: #993743;
  --back-a: #5b3b54;
  --back-b: #77506b;
  --back-edge: #c18eab;
  --back-ink: #ffe0ee;
  --back-shadow: #392033;
}