[data-bs-theme="dark"] {
  --tblr-body-bg: #0a0c0f;
  --tblr-body-bg-rgb: 10, 12, 15;

  --tblr-bg-surface: #111418;
  --tblr-bg-surface-secondary: #0d1013;

  --fa-dark-surface-raised: #171b20;
  --fa-dark-input: #0c0f12;

  --fa-card-color: #111418;
  --fa-card-border-light: rgba(255, 255, 255, 0.07);
  --fa-card-divider-light: rgba(255, 255, 255, 0.09);
  --fa-card-shadow-light:
    0 1px 2px rgba(0, 0, 0, 0.22),
    0 10px 28px rgba(0, 0, 0, 0.22);
}

/* Main menu */
[data-bs-theme="dark"] .fa-appbar {
  background: rgba(var(--tblr-body-bg-rgb), 0.82);
  border-bottom: 1px solid var(--fa-card-border-light);
  box-shadow:
    0 1px 2px rgba(0, 0, 0, 0.22),
    0 10px 24px rgba(0, 0, 0, 0.20);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
}

[data-bs-theme="dark"] .fa-appbar .nav-link:hover,
[data-bs-theme="dark"] .fa-appbar .nav-link:focus {
  background: rgba(255, 255, 255, 0.06);
}

[data-bs-theme="dark"] .fa-appbar .nav-link.active,
[data-bs-theme="dark"] .fa-appbar .nav-item.active > .nav-link {
  color: rgb(var(--tblr-primary-rgb));
  background: rgba(var(--tblr-primary-rgb), 0.12);
}

[data-bs-theme="dark"] .fa-appbar .dropdown-menu {
  background: var(--fa-dark-surface-raised);
  border: 1px solid var(--fa-card-border-light);
  box-shadow:
    0 1px 2px rgba(0, 0, 0, 0.28),
    0 16px 36px rgba(0, 0, 0, 0.36);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

[data-bs-theme="dark"] .fa-appbar .dropdown-item:hover,
[data-bs-theme="dark"] .fa-appbar .dropdown-item:focus {
  background: rgba(255, 255, 255, 0.06);
}

[data-bs-theme="dark"] .fa-appbar .dropdown-divider {
  border-top-color: var(--fa-card-divider-light);
}

[data-bs-theme="dark"] .fa-appbar .badge-notification {
  box-shadow: 0 0 0 2px rgb(var(--tblr-body-bg-rgb));
}

/* Mobile main menu */
[data-bs-theme="dark"] .mobile-bottom-nav {
  background: var(--tblr-bg-surface);
  border: 1px solid var(--fa-card-border-light);
  box-shadow:
    0 1px 2px rgba(0, 0, 0, 0.28),
    0 16px 36px rgba(0, 0, 0, 0.36);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

[data-bs-theme="dark"] .mobile-bottom-nav-item {
  color: var(--tblr-body-color);
  background: transparent;
}

[data-bs-theme="dark"] .mobile-bottom-nav-item:hover,
[data-bs-theme="dark"] .mobile-bottom-nav-item:focus,
[data-bs-theme="dark"] .mobile-bottom-nav-item.active {
  color: rgb(var(--tblr-primary-rgb));
  background: rgba(var(--tblr-primary-rgb), 0.12);
}

[data-bs-theme="dark"] .mobile-bottom-nav-badge {
  background: var(--tblr-red);
  box-shadow: 0 0 0 2px var(--tblr-bg-surface);
}

[data-bs-theme="dark"] .mobile-menu-panel {
  background: var(--fa-dark-surface-raised);
  border-top: 1px solid var(--fa-card-border-light);
  box-shadow: 0 -16px 36px rgba(0, 0, 0, 0.36);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

[data-bs-theme="dark"] .mobile-menu-panel-header {
  color: var(--tblr-body-color);
  background: var(--tblr-bg-surface);
  border-bottom: 1px solid var(--fa-card-divider-light);
}

[data-bs-theme="dark"] .mobile-menu-panel-body .dropdown-item:hover,
[data-bs-theme="dark"] .mobile-menu-panel-body .dropdown-item:focus {
  background: rgba(255, 255, 255, 0.06);
}

/* General settings */
[data-bs-theme="dark"] .card {
  background: var(--fa-card-color);
  border-color: var(--fa-card-border-light);
  box-shadow: var(--fa-card-shadow-light);
}

[data-bs-theme="dark"] .card-header,
[data-bs-theme="dark"] .card-footer {
  background: transparent;
  border-color: var(--fa-card-divider-light);
}

[data-bs-theme="dark"] .table thead th {
  color: var(--tblr-body-color);
  background: var(--tblr-bg-surface-secondary);
  border-bottom-color: var(--fa-card-divider-light);
}

[data-bs-theme="dark"] .modal-content {
  background: var(--fa-dark-surface-raised);
  border-color: var(--fa-card-border-light);
  box-shadow:
    0 1px 2px rgba(0, 0, 0, 0.28),
    0 16px 36px rgba(0, 0, 0, 0.36);
}

[data-bs-theme="dark"] .modal-header,
[data-bs-theme="dark"] .modal-footer {
  background: transparent;
  border-color: var(--fa-card-divider-light);
}

[data-bs-theme="dark"] .form-control,
[data-bs-theme="dark"] .form-select,
[data-bs-theme="dark"] .input-group-text {
  background-color: var(--fa-dark-input);
  border-color: var(--fa-card-border-light);
}

[data-bs-theme="dark"] .nav-link.active,
[data-bs-theme="dark"] .nav-item.active > .nav-link {
  color: var(--tblr-body-color);
  background: var(--tblr-bg-surface-secondary);
}