/* Custom Dark Theme Overrides */
:root[data-bs-theme="dark"] {
  --bs-body-bg: #1a1a1a;
  --bs-body-color: #e0e0e0;
  
  /* Card styles */
  --bs-card-bg: #2d2d2d;
  --bs-card-color: #e0e0e0;
  --bs-card-cap-bg: #333;
  
  /* Form controls */
  --bs-form-control-bg: #2d2d2d;
  --bs-form-control-color: #e0e0e0;
  --bs-form-control-border-color: #444;
  
  /* Table styles */
  --bs-table-bg: #2d2d2d;
  --bs-table-color: #e0e0e0;
  --bs-table-striped-bg: #333;
  --bs-table-hover-bg: #3a3a3a;
  
  /* Dropdowns */
  --bs-dropdown-bg: #2d2d2d;
  --bs-dropdown-link-color: #e0e0e0;
  --bs-dropdown-link-hover-bg: #3a3a3a;
  
  /* Navbar */
  --bs-navbar-color: rgba(255, 255, 255, 0.9);
  --bs-navbar-hover-color: rgba(255, 255, 255, 1);
  --bs-navbar-disabled-color: rgba(255, 255, 255, 0.5);
  --bs-navbar-active-color: #fff;
  --bs-navbar-brand-color: #fff;
  --bs-navbar-brand-hover-color: #fff;
  
  /* Modal */
  --bs-modal-bg: #2d2d2d;
  --bs-modal-header-border-color: #444;
  --bs-modal-footer-border-color: #444;
}

/* Custom styles for better dark mode appearance */
[data-bs-theme="dark"] .card {
  border-color: #444;
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.3);
}

[data-bs-theme="dark"] .table {
  --bs-table-bg: transparent;
}

[data-bs-theme="dark"] .form-control,
[data-bs-theme="dark"] .form-select,
[data-bs-theme="dark"] .form-control:focus,
[data-bs-theme="dark"] .form-select:focus {
  background-color: var(--bs-form-control-bg);
  color: var(--bs-form-control-color);
  border-color: var(--bs-form-control-border-color);
}

[data-bs-theme="dark"] .form-control:disabled,
[data-bs-theme="dark"] .form-control[readonly] {
  background-color: #333;
  color: #999;
}

[data-bs-theme="dark"] .dropdown-menu {
  border: 1px solid #444;
}

[data-bs-theme="dark"] .modal-content {
  border: 1px solid #444;
}

[data-bs-theme="dark"] .btn-close {
  filter: invert(1) grayscale(100%) brightness(200%);
}

/* Custom scrollbar for dark mode */
[data-bs-theme="dark"] ::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

[data-bs-theme="dark"] ::-webkit-scrollbar-track {
  background: #2d2d2d;
}

[data-bs-theme="dark"] ::-webkit-scrollbar-thumb {
  background: #555;
  border-radius: 5px;
}

[data-bs-theme="dark"] ::-webkit-scrollbar-thumb:hover {
  background: #666;
}