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

body.dark .navbar,
body.dark .card,
body.dark .form-control,
body.dark .btn-light,
body.dark .user-menu-dropdown,
body.dark .modal-content {
  background-color: var(--color-gray-800);
  color: var(--color-dark-text);
}

body.dark .card-header,
body.dark .card-footer {
  background-color: var(--color-gray-900);
  border-color: var(--color-gray-700);
}

body.dark .navbar {
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
}

body.dark .nav-link {
  color: var(--color-gray-300);
}

body.dark .nav-link:hover, 
body.dark .nav-link.active {
  color: var(--color-white);
}

body.dark .form-control {
  border-color: var(--color-gray-700);
}

body.dark .form-control:focus {
  border-color: var(--color-primary);
  box-shadow: 0 0 0 0.2rem rgba(93, 92, 222, 0.25);
}

body.dark .table {
  color: var(--color-dark-text);
}

body.dark .table thead th {
  border-bottom-color: var(--color-gray-700);
}

body.dark .table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(255, 255, 255, 0.05);
}

body.dark .table td, 
body.dark .table th {
  border-top-color: var(--color-gray-700);
}

body.dark .modal-header,
body.dark .modal-footer {
  border-color: var(--color-gray-700);
}

body.dark .user-menu-item {
  border-color: var(--color-gray-700);
}

body.dark .user-menu-item:hover {
  background-color: var(--color-gray-700);
}

body.dark .dropdown-menu {
  background-color: var(--color-gray-800);
  border-color: var(--color-gray-700);
}

body.dark .dropdown-item {
  color: var(--color-dark-text);
}

body.dark .dropdown-item:hover {
  background-color: var(--color-gray-700);
  color: var(--color-white);
}

body.dark hr {
  border-color: var(--color-gray-700);
}

body.dark .text-muted {
  color: var(--color-gray-400) !important;
}

body.dark .border,
body.dark .border-top,
body.dark .border-right,
body.dark .border-bottom,
body.dark .border-left {
  border-color: var(--color-gray-700) !important;
}

body.dark .badge-light {
  background-color: var(--color-gray-700);
  color: var(--color-white);
}

body.dark .mobile-menu-toggler {
  color: var(--color-gray-300);
}

body.dark .navbar-nav {
  background-color: var(--color-gray-800);
}