@media (prefers-color-scheme: dark) {
  :root {
        --ck-dark: #f8f9fa;
        --ck-light: #343a40;
        --ck-gray: #495057;
  }
  
  body {
      background-color: #212529;
      color: var(--ck-dark);
  }

  .bg-light {
    background-color: #2c2c2c !important;
  }

  .text-muted {
    color: #aaa !important;
  }

  .card {
      background-color: #343a40;
      color: var(--ck-dark);
  }
  
  .search-filters {
      background-color: #343a40;
      color: var(--ck-dark);
  }
  
  /* Navigation dropdown dark mode */
  .nav-dropdown .dropdown-menu {
      background-color: #343a40 !important;
      border: 1px solid rgba(255, 255, 255, 0.1) !important;
      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4) !important;
  }
  
  .nav-dropdown .dropdown-item {
      color: var(--ck-dark) !important;
  }
  
  .nav-dropdown .dropdown-item:hover,
  .nav-dropdown .dropdown-item:focus {
      background-color: rgba(0, 0, 0, 0) !important;
      color: var(--ck-primary) !important;
  }
  
  .nav-dropdown .dropdown-header {
      color: #aaa !important;
  }
  
  .nav-dropdown .dropdown-divider {
      border-color: rgba(255, 255, 255, 0.1) !important;
  }
}