/**
 * Reverie web themes — values aligned with ThemeManager.cs (Classic A, Trans, Prism B).
 * Base tokens on `html` (not :root in styles.css) so accents always drive glows and links.
 */

html {
  color-scheme: dark;
  --bg: #0e0a0d;
  --bg-elevated: #120d11;
  --card: #140f13;
  --border: #2a2228;
  --border-soft: #221a20;
  --text: #ffffff;
  --muted: #c4b0ba;
  --accent: #f8b4ce;
  --accent-hover: #ffd6ea;
}

html[data-theme="dark-red"] {
  color-scheme: dark;
  --bg: #0b0b0f;
  --bg-elevated: #0e0e14;
  --card: #111118;
  --border: #1f1f28;
  --border-soft: #1a1a22;
  --text: #ffffff;
  --muted: #9a9aa0;
  --accent: #ff2a2a;
  --accent-hover: #ff3a3a;
}

html[data-theme="dark-blue"] {
  color-scheme: dark;
  --bg: #050811;
  --bg-elevated: #080b17;
  --card: #0c1020;
  --border: #181e30;
  --border-soft: #151b28;
  --text: #ffffff;
  --muted: #9aa4c0;
  --accent: #3f8cff;
  --accent-hover: #4f9cff;
}

html[data-theme="dark-purple"] {
  color-scheme: dark;
  --bg: #0c0712;
  --bg-elevated: #12091b;
  --card: #140d22;
  --border: #211633;
  --border-soft: #1a1028;
  --text: #ffffff;
  --muted: #b9a4c5;
  --accent: #c852ff;
  --accent-hover: #d56cff;
}

html[data-theme="trans"] {
  color-scheme: dark;
  --bg: #0e0e14;
  --bg-elevated: #0e0e14;
  --card: #101017;
  --border: #2a2a35;
  --border-soft: #22222c;
  --text: #ffffff;
  --muted: #c6c6d2;
  --accent: #f7a8b8;
  --accent-hover: #55cdfc;
}

html[data-theme="depression"] {
  color-scheme: dark;
  --bg: #000000;
  --bg-elevated: #0d0d0d;
  --card: #141414;
  --border: #2a2a2a;
  --border-soft: #222222;
  --text: #e6e6e6;
  --muted: #8f8f8f;
  --accent: #6e6e6e;
  --accent-hover: #8a8a8a;
}

html[data-theme="prism-b"] {
  color-scheme: dark;
  --bg: #060809;
  --bg-elevated: #0b1012;
  --card: #0c1214;
  --border: #1e3d38;
  --border-soft: #152a28;
  --text: #eef7f4;
  --muted: #7fa89c;
  --accent: #c4f649;
  --accent-hover: #e2ff8a;
}