.site-theme {
  display: inline-flex;
  align-items: center;
  gap: 2px;
  padding: 3px;
  border: 1px solid #e5ebf3;
  border-radius: 999px;
  background: #f3f6fa;
}

.site-theme-btn {
  width: 34px;
  height: 32px;
  border: 0;
  border-radius: 999px;
  background: transparent;
  color: #7b8898;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.site-theme-btn.is-active {
  background: #fff;
  color: #087af5;
  box-shadow: 0 1px 4px rgba(8, 44, 85, 0.12);
}

html[data-theme="dark"] {
  color-scheme: dark;
  --color-white: #151b24;
  --color-dark: #e8eef6;
  --color-medium: #9aa8b8;
  --color-light: #0f141c;
  --color-white-rgb: 21, 27, 36;
  --color-dark-rgb: 232, 238, 246;
  --color-light-rgb: 15, 20, 28;
  --border-color: #2a3544;
  --bg-light: #10161f;
  --shadow-md: 0 4px 80px rgba(0, 0, 0, 0.35);
  --shadow-sm: 0 10px 40px rgba(0, 0, 0, 0.28);
}

html[data-theme="dark"] body,
html[data-theme="dark"] body.is-dark-mode {
  background: #0f141c;
  color: #c5d0dc;
}

html[data-theme="dark"] body:not(.is-home) .header-area,
html[data-theme="dark"] .header-area.header-static {
  background: #121821;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.04);
}

html[data-theme="dark"] .header-area.is-sticky {
  background: rgba(18, 24, 33, 0.92);
  box-shadow: 0 8px 60px rgba(0, 0, 0, 0.35);
}

html[data-theme="dark"] .header-area .nav-link,
html[data-theme="dark"] .header-area .nav-link:focus {
  color: #e8eef6;
}

html[data-theme="dark"] .header-area .menu-dropdown,
html[data-theme="dark"] .dropdown-menu {
  background: #171e29;
  border-color: #2a3544;
}

html[data-theme="dark"] .dropdown-item,
html[data-theme="dark"] .header-area .menu-dropdown .nav-link {
  color: #d7e1ec;
}

html[data-theme="dark"] .dropdown-item:hover,
html[data-theme="dark"] .header-area .menu-dropdown .nav-link:hover {
  background: #1f2834;
  color: #fff;
}

html[data-theme="dark"] .site-theme {
  border-color: #2a3544;
  background: #1a222d;
}

html[data-theme="dark"] .site-theme-btn {
  color: #8b98a8;
}

html[data-theme="dark"] .site-theme-btn.is-active {
  background: #243041;
  color: #7eb6ff;
  box-shadow: none;
}

html[data-theme="dark"] .card,
html[data-theme="dark"] .home-event-card,
html[data-theme="dark"] .city-category-card,
html[data-theme="dark"] .city-area .card,
html[data-theme="dark"] .blog-area .card,
html[data-theme="dark"] .gallery-area .card,
html[data-theme="dark"] .counter-area .card,
html[data-theme="dark"] .work-process-1 .card,
html[data-theme="dark"] .work-process-2 .card,
html[data-theme="dark"] .steps-area .card,
html[data-theme="dark"] .mission-vision-area .mv-card {
  background: #151b24;
  border-color: #2a3544;
  color: #d7e1ec;
}

html[data-theme="dark"] h1,
html[data-theme="dark"] h2,
html[data-theme="dark"] h3,
html[data-theme="dark"] h4,
html[data-theme="dark"] h5,
html[data-theme="dark"] h6,
html[data-theme="dark"] .section-title,
html[data-theme="dark"] .card-title,
html[data-theme="dark"] .color-white,
html[data-theme="dark"] .text-white {
  color: #f2f6fb !important;
}

html[data-theme="dark"] .city-area .font-sm,
html[data-theme="dark"] .city-area .card-title {
  color: #f2f6fb !important;
}

html[data-theme="dark"] p,
html[data-theme="dark"] .text-muted,
html[data-theme="dark"] small {
  color: #9aa8b8;
}

html[data-theme="dark"] .form-control,
html[data-theme="dark"] .form-select,
html[data-theme="dark"] input[type="text"],
html[data-theme="dark"] input[type="email"],
html[data-theme="dark"] input[type="search"],
html[data-theme="dark"] input[type="password"],
html[data-theme="dark"] input[type="number"],
html[data-theme="dark"] textarea,
html[data-theme="dark"] select {
  background: #121821;
  border-color: #2a3544;
  color: #e8eef6;
}

html[data-theme="dark"] .form-control::placeholder,
html[data-theme="dark"] input::placeholder,
html[data-theme="dark"] textarea::placeholder {
  color: #7d8b9b;
}

html[data-theme="dark"] .table,
html[data-theme="dark"] .table th,
html[data-theme="dark"] .table td {
  color: #d7e1ec;
  border-color: #2a3544;
}

html[data-theme="dark"] .table thead th,
html[data-theme="dark"] .table-light {
  background: #1a222d;
  color: #e8eef6;
}

html[data-theme="dark"] .modal-content,
html[data-theme="dark"] .nice-select,
html[data-theme="dark"] .select2-dropdown,
html[data-theme="dark"] .select2-container--default .select2-selection--single {
  background: #151b24;
  border-color: #2a3544;
  color: #e8eef6;
}

html[data-theme="dark"] .footer-area {
  background: #10161f;
  color: #9aa8b8;
}

html[data-theme="dark"] .footer-area .footer-widget h3,
html[data-theme="dark"] .footer-area .footer-widget p,
html[data-theme="dark"] .footer-area .copy-right-area {
  color: #c5d0dc;
}

html[data-theme="dark"] .breadcrumb,
html[data-theme="dark"] .page-title-area,
html[data-theme="dark"] .inner-banner {
  background: #121821;
  color: #e8eef6;
}

html[data-theme="dark"] .user-dashboard,
html[data-theme="dark"] .dashboard-area,
html[data-theme="dark"] .user-sidebar,
html[data-theme="dark"] .listing-sidebar,
html[data-theme="dark"] .search-filter,
html[data-theme="dark"] .widget {
  background: #151b24;
  color: #d7e1ec;
  border-color: #2a3544;
}

html[data-theme="dark"] .cb-auth-body {
  background: #0f141c;
  color: #e8eef6;
}

html[data-theme="dark"] .cb-auth-main {
  background:
    radial-gradient(circle at 100% 0%, rgba(34, 197, 94, 0.08), transparent 28%),
    #10161f;
}

html[data-theme="dark"] .cb-auth__form-head h4,
html[data-theme="dark"] .cb-auth .cb-field label,
html[data-theme="dark"] .cb-auth-main .cb-field label {
  color: #e8eef6;
}

html[data-theme="dark"] .cb-auth__form-head p,
html[data-theme="dark"] .cb-auth-main__mobile-logo a:last-child {
  color: #9aa8b8;
}

html[data-theme="dark"] .cb-auth .form-control,
html[data-theme="dark"] .cb-auth-main .form-control {
  background: #151b24;
  border-color: #2a3544;
  color: #e8eef6;
}

.cb-auth-main__toolbar {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 18px;
}

html[data-theme="dark"] .cb-auth-main .site-theme {
  border-color: #2a3544;
  background: #1a222d;
}

html[data-theme="dark"] .text-dark,
html[data-theme="dark"] .text-black,
html[data-theme="dark"] .text-body {
  color: #e8eef6 !important;
}

html[data-theme="dark"] .text-muted,
html[data-theme="dark"] .text-secondary {
  color: #9aa8b8 !important;
}

html[data-theme="dark"] a:not(.btn):not([class*="btn"]):not(.site-theme-btn):not(.nav-link) {
  color: #8ec0ff;
}

html[data-theme="dark"] .cavite-directory-jump a,
html[data-theme="dark"] .cavite-directory-card h3 a,
html[data-theme="dark"] .cavite-directory h2,
html[data-theme="dark"] [class*="cavite-"] h1,
html[data-theme="dark"] [class*="cavite-"] h2,
html[data-theme="dark"] [class*="cavite-"] h3,
html[data-theme="dark"] [class*="listing-"] h1,
html[data-theme="dark"] [class*="listing-"] h2,
html[data-theme="dark"] [class*="listing-"] h3,
html[data-theme="dark"] [class*="listing-"] h4,
html[data-theme="dark"] .listing-item-title,
html[data-theme="dark"] .listing-title,
html[data-theme="dark"] .event-title,
html[data-theme="dark"] .blog-title,
html[data-theme="dark"] .single-listing h3,
html[data-theme="dark"] .single-listing h3 a,
html[data-theme="dark"] .single-event h3,
html[data-theme="dark"] .single-event h3 a {
  color: #e8eef6 !important;
}

html[data-theme="dark"] .cavite-directory-jump a,
html[data-theme="dark"] .cavite-directory-card,
html[data-theme="dark"] .listing-item,
html[data-theme="dark"] .single-listing,
html[data-theme="dark"] .single-event,
html[data-theme="dark"] .blog-item,
html[data-theme="dark"] .filter-widget,
html[data-theme="dark"] .sidebar-widget {
  background: #151b24;
  border-color: #2a3544;
}

html[data-theme="dark"] .bg-white,
html[data-theme="dark"] .bg-light {
  background-color: #151b24 !important;
  color: #d7e1ec !important;
}

html[data-theme="dark"] .btn-light,
html[data-theme="dark"] .btn-white,
html[data-theme="dark"] .btn-outline-secondary,
html[data-theme="dark"] .btn-outline-dark {
  background: #1a222d !important;
  border-color: #2a3544 !important;
  color: #e8eef6 !important;
}

html[data-theme="dark"] .list-group-item {
  background: #151b24;
  border-color: #2a3544;
  color: #d7e1ec;
}

html[data-theme="dark"] .pagination .page-link {
  background: #151b24;
  border-color: #2a3544;
  color: #d7e1ec;
}

html[data-theme="dark"] label,
html[data-theme="dark"] .form-label,
html[data-theme="dark"] th,
html[data-theme="dark"] td {
  color: #d7e1ec;
}

html[data-theme="dark"] .req,
html[data-theme="dark"] .text-danger {
  color: #f87171 !important;
}

html[data-theme="dark"] .header-widget__trigger {
  background: #fff;
  border-color: #e6eaf0;
  color: #1e293b;
}

html[data-theme="dark"] .header-widget__copy strong {
  color: #111827 !important;
}

html[data-theme="dark"] .header-widget__copy small {
  color: #6b7280 !important;
}

html[data-theme="dark"] .header-widget--date .header-widget__icon,
html[data-theme="dark"] .header-widget--date .header-widget__icon i,
html[data-theme="dark"] .header-widget--date .header-widget__panel-icon {
  background: #dbe7ff !important;
  color: #2563eb !important;
}

html[data-theme="dark"] .header-widget--forex .header-widget__icon,
html[data-theme="dark"] .header-widget--forex .header-widget__icon i,
html[data-theme="dark"] .header-widget--forex .header-widget__panel-icon {
  background: #dcfce7 !important;
  color: #15803d !important;
}

html[data-theme="dark"] .header-widget--weather .header-widget__icon,
html[data-theme="dark"] .header-widget--weather .header-widget__icon i,
html[data-theme="dark"] .header-widget--weather .header-widget__panel-icon {
  background: #fff4d6 !important;
  color: #d97706 !important;
}

html[data-theme="dark"] a.btn:hover,
html[data-theme="dark"] a.btn:focus,
html[data-theme="dark"] a[class*="btn-"]:hover,
html[data-theme="dark"] a[class*="btn-"]:focus {
  text-decoration: none;
}