[data-theme="dark"] {
  color-scheme: dark;
  --ink: #f1f4f8;
  --muted: #abb4c2;
  --soft: #151d2a;
  --line: #303a49;
  --white: #111827;
}

[data-theme="dark"] body,
[data-theme="dark"] .hero-four {
  background: #0d1420;
  color: #f1f4f8;
}

[data-theme="dark"] .topbar {
  background: #111927;
  color: #b6bfcc;
}

[data-theme="dark"] .main-header,
[data-theme="dark"] .site-header,
[data-theme="dark"] .category-card,
[data-theme="dark"] .listing-card,
[data-theme="dark"] .blog-card {
  background: #161f2d;
  color: #f1f4f8;
}

[data-theme="dark"] .wordmark,
[data-theme="dark"] .account-links i,
[data-theme="dark"] .top-links i {
  color: #f1f4f8;
}

[data-theme="dark"] .nav-tools .whatsapp-button {
  background: #fff;
}

[data-theme="dark"] .nav-tools .whatsapp-button:hover {
  background: #25d366;
}

[data-theme="dark"] .main-header.is-floating {
  background: transparent;
}

[data-theme="dark"] .main-header.is-floating .nav-wrap {
  border-color: rgba(93, 106, 125, .55);
  background: rgba(18, 27, 40, .38);
  box-shadow: 0 16px 45px rgba(0, 0, 0, .28);
}

[data-theme="dark"] .dropdown-menu,
[data-theme="dark"] .menu-category-children,
[data-theme="dark"] .quote,
[data-theme="dark"] .experience-card,
[data-theme="dark"] .sold-card {
  background: #1b2534;
  color: #f1f4f8;
}

[data-theme="dark"] .dropdown-menu a {
  color: #f1f4f8;
}

[data-theme="dark"] .quote {
  background: #202637;
}

[data-theme="dark"] .hero-outline-text {
  -webkit-text-stroke-color: #394352;
}

[data-theme="dark"] .contact-card {
  border: 1px solid #303a49;
  background: #1b2534;
  color: #f1f4f8;
}

[data-theme="dark"] .contact-card > span {
  background: #111927;
  color: var(--pink);
}

[data-theme="dark"] .contact-card h2 {
  color: #f1f4f8;
}

[data-theme="dark"] .contact-card p,
[data-theme="dark"] .contact-card a {
  color: #abb4c2;
}

[data-theme="dark"] .contact-map iframe {
  filter: invert(.9) hue-rotate(180deg) saturate(.7) brightness(.82) contrast(.9);
}

[data-theme="dark"] .contact-form {
  border: 1px solid #303a49;
}

[data-theme="dark"] .about-section.about-page {
  background: #0d1420;
}

[data-theme="dark"] .about-page .about-copy h2,
[data-theme="dark"] .about-page .about-copy b {
  color: #f1f4f8;
}

[data-theme="dark"] .about-page .about-copy p {
  color: #abb4c2;
}

[data-theme="dark"] .about-page .about-visual iframe {
  border: 1px solid #303a49;
  box-shadow: 0 18px 50px rgba(0, 0, 0, .3);
}