/* Themes are variables only. They may change look, motion and glyph color;
   they can never change command meaning or costs. */

:root, [data-theme="ABYSS_DARK"] {
  --bg: #060606;
  --fg: #ededed;
  --muted: #8a8a8a;
  --line: #262626;
  --panel: #0d0d0d;
  --accent: #c4c4c4;
  --hearts: #b8b8b8;
  --mana: #9fb4c7;
  --good: #9fc7a5;
  --danger: #c78f8f;
  --danger-dim: #4a2a2a;
  --font: system-ui, -apple-system, "Segoe UI", sans-serif;
  --arrive-anim: arrive;
  --silence-anim: arrive;
  --error-anim: arrive;
  color-scheme: dark;
}

[data-theme="ABYSS_LIGHT"] {
  --bg: #f4f1ea;
  --fg: #191919;
  --muted: #6d6d68;
  --line: #d8d4c8;
  --panel: #faf8f2;
  --accent: #2b2b2b;
  --hearts: #7a5c5c;
  --mana: #52667a;
  --good: #4a6b50;
  --danger: #a05252;
  --danger-dim: #e0c4c4;
  --font: Georgia, "Times New Roman", serif;
  --arrive-anim: arrive;
  --silence-anim: arrive;
  --error-anim: arrive;
  color-scheme: light;
}

[data-theme="WHITE_RABBIT"] {
  --bg: #020402;
  --fg: #9cff9c;
  --muted: #3d7a3d;
  --line: #143814;
  --panel: #041004;
  --accent: #c8ffc8;
  --hearts: #6fca6f;
  --mana: #4dbfbf;
  --good: #9cff9c;
  --danger: #ffb56b;
  --danger-dim: #3a2a10;
  --font: "Courier New", ui-monospace, monospace;
  --arrive-anim: typewriter;
  --silence-anim: fadeout;
  --error-anim: glitch;
  color-scheme: dark;
}
[data-theme="WHITE_RABBIT"] .msg.current { text-shadow: 0 0 8px rgba(120, 255, 120, .25); }
[data-theme="WHITE_RABBIT"] body { background-image: linear-gradient(rgba(0, 255, 0, .015) 50%, transparent 50%); background-size: 100% 4px; }