/* Dark mode overrides that apply on top of variables.css */
[data-theme='dark'] .site-header,
[data-theme='dark'] .site-footer {
  background: var(--color-surface);
  border-color: var(--color-border);
}

[data-theme='dark'] .prompt-card {
  background: var(--color-surface);
  border-color: var(--color-border);
}

[data-theme='dark'] .btn {
  background: var(--color-surface);
  border-color: var(--color-border);
  color: var(--color-text);
}

[data-theme='dark'] .btn:hover {
  background: var(--color-bg);
  border-color: var(--color-text-muted);
}

[data-theme='dark'] .search-bar {
  background: var(--color-surface);
  border-color: var(--color-border);
  color: var(--color-text);
}

[data-theme='dark'] .filter-btn {
  background: var(--color-surface);
  border-color: var(--color-border);
  color: var(--color-text);
}

[data-theme='dark'] .optimizer-panel {
  background: var(--color-surface);
  border-color: var(--color-border);
}

[data-theme='dark'] .api-key-input,
[data-theme='dark'] .optimizer-textarea {
  background: var(--color-surface);
  border-color: var(--color-border);
  color: var(--color-text);
}

[data-theme='dark'] .diff-viewer {
  background: var(--color-bg);
  border-color: var(--color-border);
  color: var(--color-text);
}