body.dark {
  --bg: #0f172a;
  --panel-bg: #111b2e;
  --text: #e5e7eb;
  --muted: #9ca3af;
  --border: #334155;
  --accent: #60a5fa;
}

body.dark .action-button,
body.dark .ghost-button {
  background: #16243d;
}

body.dark .action-button:hover,
body.dark .ghost-button:hover {
  background: #1d3154;
}

body.dark .history-item {
  background: #16243d;
}

body.dark .history-item-active {
  box-shadow: 0 0 0 2px rgba(96, 165, 250, 0.35);
}

body.dark .editor-tab {
  background: #1a2a44;
}

body.dark .editor-tab-active {
  background: #223b61;
}

body.dark .history-item-drop-target {
  box-shadow: 0 0 0 2px rgba(96, 165, 250, 0.4);
}

body.dark .history-action-danger {
  color: #fca5a5;
  border-color: #f87171;
}