/* Tokyo Night Storm Color Scheme */
:root {
  --bg: #24283b;
  --fg: #c0caf5;
  --red: #f7768e;
  --green: #9ece6a;
  --blue: #7aa2f7;
  --yellow: #e0af68;
  --cyan: #7dcfff;
  --magenta: #bb9af7;
  --dim: #6c77a8;
  --card-bg: #1f2335;
}

body { 
  background-color: var(--bg); 
  color: var(--fg); 
}

.enemy { color: var(--red); font-weight: bold; }
.room { color: var(--green); font-weight: bold; }
.mobile { font-weight: bold; color: var(--fg); }
.tell { color: var(--blue); }
.narrate { color: var(--yellow); }
.prompt { color: var(--dim); }
.spell { color: var(--magenta); }
.sanctuary { color: #2ac3de; }
.gear-legendary { color: #9B6CF3; }
.gear-artifact { color: #E5C890; }
.gear-focus { color: #cfc9c2; }
.gear-spellsave { color: #fca878; }
.gear-weapon { color: #59A0EB; }
.gear-purple { color: #bb9af7; }
.gear-blue { color: #7aa2f7; }
.gear-usable { color: #E46EBF; }
.gear-poison { color: #8AC364; }
.spell-damage { color: color-mix(in srgb, var(--magenta), red 20%); }
.tones-red { color: color-mix(in srgb, var(--red), black 10%); }
.tones-white { color: #eee; }
.comment { color: #7f849c; font-style: italic; }
.sunny-exit { color: var(--yellow); }

::-webkit-scrollbar { width: 8px; }
::-webkit-scrollbar-track { background: rgba(36, 40, 59, 0.5); border-radius: 4px; }
::-webkit-scrollbar-thumb { background: var(--dim); border-radius: 4px; }
::-webkit-scrollbar-thumb:hover { background: var(--blue); }