html[data-theme="dark"] {
  color-scheme: dark;
}

html[data-theme="dark"] body,
html[data-theme="dark"] main {
  background: #0f1713;
  color: #dbe7de;
}

.theme-toggle {
  width: 42px;
  height: 42px;
  border: 1px solid hsl(var(--main) / 0.35);
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: hsl(var(--main));
  background: transparent;
  flex: 0 0 42px;
  transition: 0.2s ease;
}

.theme-toggle:hover {
  color: #fff;
  background: hsl(var(--main));
}

.theme-toggle__icon {
  line-height: 1;
  font-size: 22px;
}

html[data-theme="dark"] .theme-toggle__icon--dark,
html[data-theme="light"] .theme-toggle__icon--light {
  display: none;
}

html[data-theme="dark"] .header,
html[data-theme="dark"] .offcanvas,
html[data-theme="dark"] .footer-area,
html[data-theme="dark"] .blog-item,
html[data-theme="dark"] .pricing-card,
html[data-theme="dark"] .feature-item,
html[data-theme="dark"] .exam-view,
html[data-theme="dark"] .category-card,
html[data-theme="dark"] .custom--accordion .accordion-item,
html[data-theme="dark"] .contact-form,
html[data-theme="dark"] .blog-sidebar,
html[data-theme="dark"] .blog-details,
html[data-theme="dark"] .dashboard-card,
html[data-theme="dark"] .account-wrapper,
html[data-theme="dark"] .form--control,
html[data-theme="dark"] .form-control,
html[data-theme="dark"] .form-select {
  background-color: #14231a !important;
  color: #dbe7de !important;
  border-color: rgba(219, 231, 222, 0.14) !important;
}

html[data-theme="dark"] .nav-link,
html[data-theme="dark"] .section-heading__title,
html[data-theme="dark"] .feature-item-title,
html[data-theme="dark"] .blog-item__title a,
html[data-theme="dark"] .blog-details__title,
html[data-theme="dark"] .footer-menu__link,
html[data-theme="dark"] .footer-contact__link,
html[data-theme="dark"] .accordion-button,
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 {
  color: #f5fff7 !important;
}

html[data-theme="dark"] p,
html[data-theme="dark"] .section-heading__desc,
html[data-theme="dark"] .feature-item-desc,
html[data-theme="dark"] .blog-item__date,
html[data-theme="dark"] .footer-area,
html[data-theme="dark"] .accordion-body {
  color: #b9c8bd !important;
}

html[data-theme="dark"] .accordion-button:not(.collapsed),
html[data-theme="dark"] .accordion-button:focus {
  background-color: #172b20 !important;
  box-shadow: none;
}

html[data-theme="dark"] .btn-outline--base {
  color: hsl(var(--main)) !important;
}

html[data-theme="dark"] .table,
html[data-theme="dark"] .table--responsive {
  color: #dbe7de;
}

html[data-theme="dark"] img {
  filter: saturate(0.96);
}

@media (max-width: 1199px) {
  .theme-toggle {
    width: 100%;
    border-radius: 999px;
  }
}