body.dark-mode {
  --bg-primary: #0f172a;
  --bg-secondary: #1e293b;
  --bg-sidebar: #0f172a;
  --bg-card: #1e293b;
  --text-primary: #e2e8f0;
  --text-secondary: #cbd5e1;
  --text-muted: #64748b;
  --border-color: #334155;
  --shadow: rgba(0, 0, 0, 0.3);
  --sidebar-text: #cbd5e1;
  --sidebar-active: #60a5fa;
}

body.dark-mode .btn-logout {
  background: #dc2626;
}

body.dark-mode .btn-logout:hover {
  background: #b91c1c;
}

body.dark-mode .btn-action {
  background: var(--bg-secondary);
  color: var(--text-primary);
}

body.dark-mode .movement-item {
  background: var(--bg-secondary);
}

body.dark-mode .loading-spinner {
  border-color: var(--border-color);
  border-top-color: #60a5fa;
}