:root {
  --primary-bg: #111827;
  --secondary-bg: #1f2937;
  --card-bg: #111827;
  --text-main: #f9fafb;
}

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

.main-header, .main-footer, .main-sidebar {
  border-radius: 0;
}

.card-elevated {
  border-radius: 12px;
  box-shadow: 0 10px 25px rgba(0,0,0,0.4);
  background-color: #111827;
  border: 1px solid #374151;
}

.card-elevated .card-header {
  border-bottom: 1px solid #374151;
}

.navbar-dark-mode-toggle {
  cursor: pointer;
}