/* Dark mode theme */
:root {
  --bg: #1a1a1a;
  --text: #e0e0e0;
  --muted: #a0a0a0;
  --accent: #5d96e6;
}

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

a {
  color: var(--accent);
}

button, input, textarea {
  background: #2d2d2d;
  color: var(--text);
  border-color: #404040;
}

button:hover {
  background: #3d3d3d;
}

.topbar, .world-panel, .gardener-card, .journal-card, dialog {
  background: #1f1f1f;
  border-color: #404040;
  color: var(--text);
}

.history-item, .chat-message {
  background: #2d2d2d;
  color: var(--text);
}

.kbd {
  background: #3d3d3d;
  border-color: #404040;
  color: var(--text);
}

/* Override specific dark-mode colors from style.css */
.topbar { border-bottom-color: #404040; }
.brand-tag { border-left-color: #404040; }
.pill { border-color: #404040; background: #2d2d2d; color: var(--text); }
.pill i, .live-dot { background: var(--accent); }
.icon-button { border-color: #404040; color: var(--text); }
.world-toolbar { color: var(--muted); }
.world-toolbar strong { color: var(--text); }
.toolbar-divider { color: var(--muted); }
.canvas-wrap { background: #2d2d2d; border-block-color: #404040; }
.map-label { background: #2d2d2d; border-color: #404040; color: var(--text); }
.map-coordinates { background: #3d3d3d; color: var(--text); }
.world-footer { color: var(--muted); }
.you-avatar { border-color: #404040; }
.stat { color: var(--accent); }
.save-mark { color: var(--muted); }
.gardener-card { border-color: #404040; background: #1f1f1f; }
.card-label { color: var(--muted); }
.gardener-heading canvas { border-color: #404040; background: #2d2d2d; }
.gardener-heading span { color: var(--muted); }
.primary { background: var(--accent); color: #fff; }
.primary:hover { background: #3a7bc8; }
.primary:disabled { opacity: 0.5; }
.small-hint { color: var(--muted); }
kbd { border-color: #404040; background: #3d3d3d; color: var(--text); }
.journal-card { border-color: #404040; background: #1f1f1f; }
.count-badge { background: #2d2d2d; color: var(--text); }
.history-item { border-left-color: #404040; }
.history-item:before { border-color: #1f1f1f; background: var(--accent); }
.history-item.failed:before { background: #d9534f; }
.history-item .history-title { color: var(--text); }
.history-item .history-meta { color: var(--muted); }
.history-item code { background: #2d2d2d; color: var(--text); }
.history-item .history-detail { color: var(--muted); }
.revision { border-top-color: #404040; color: var(--muted); }
.revision code { color: var(--text); }
.controls { color: var(--muted); }
.world-note { color: var(--muted); }
.page-footer { border-top-color: #404040; color: var(--muted); }
.transition { background: #1f1f1f; color: var(--text); }
.transition p { color: var(--text); }
toast { background: #3d3d3d; color: var(--text); border-color: #404040; }
custom-actions button, .suggestions button { border-color: #404040; background: #2d2d2d; color: var(--text); }
dialog { border-color: #404040; background: #1f1f1f; color: var(--text); }
dialog::backdrop { background: #0008; }
dialog label { color: var(--muted); }
dialog label span { color: var(--muted); }
dialog input, dialog textarea { background: #2d2d2d; color: var(--text); border-color: #404040; }
dialog .primary { margin-top: 20px; }
dialog small { color: var(--muted); }
.conversation { border-block-color: #404040; }
.chat-message.user { background: #2d2d2d; color: var(--text); }
.chat-message.assistant { background: #2d2d2d; color: var(--text); }
.chat-message strong { color: var(--muted); }
.agent-line { background: #2d2d2d; color: var(--text); }
#revision-select { border-color: #404040; background: #2d2d2d; color: var(--text); }
.mode-picker input { accent-color: var(--accent); }