<style>
  /* Professional dark mode styles without affecting navbars */

  body.dark-mode {
    background-color: #121921 !important; /* Very dark blue-gray */
    color: #f0f4f8 !important; /* Light text */
    font-weight: 400;
  }

  /* Exclude navbar and topbar from color changes */
  .dark-mode .topbar,
  .dark-mode .header,
  .dark-mode .section,
  .dark-mode .white.section,
  .dark-mode .grey.section,
  .dark-mode footer,
  /* .dark-mode .navbar,  <-- Removed to exclude navbar */
  /* .dark-mode .callout,  <-- Keep callout if you want, else remove */
  .dark-mode .feature-list,
  .dark-mode .shop-item-list {
    background-color: #1f2a38 !important; /* Dark slate blue */
    color: #f0f4f8 !important; /* Light text */
  }

  /* Navbar links colored warm gold */
  .dark-mode .navbar a,
  .dark-mode .navbar .nav-link,
  .dark-mode .navbar .active,
  .dark-mode .navbar .dropdown-menu a {
    color: #d4af37 !important; /* Warm gold */
    text-decoration: none;
  }

  /* Highlight Home link differently with soft teal */
  .dark-mode .navbar a.home-link {
    color: #4db6ac !important; /* Soft teal */
  }

  .dark-mode .navbar a.home-link:hover {
    color: #80cbc4 !important; /* Lighter teal on hover */
  }

  /* Navbar link hover effect for other links */
  .dark-mode .navbar a:not(.home-link):hover,
  .dark-mode .navbar .nav-link:not(.home-link):hover,
  .dark-mode .navbar .dropdown-menu a:not(.home-link):hover {
    color: #f0d77a !important; /* Lighter gold on hover */
  }

  /* Links elsewhere */
  .dark-mode a {
    color: #5294e2 !important; /* Professional blue */
    text-decoration: underline;
  }

  /* Buttons */
  .dark-mode .btn-primary {
    background-color: #5294e2 !important;
    border-color: #3a78d1 !important;
    color: #fff !important;
    font-weight: 600;
  }

  .dark-mode .btn-default {
    background-color: #2c3e50 !important;
    color: #d0d8e3 !important;
    border-color: #445566 !important;
    font-weight: 500;
  }

  /* Section Titles & Paragraphs */
  .dark-mode .section-title h4,
  .dark-mode .section-title p {
    color: #f0f4f8 !important;
    text-shadow: 0 0 2px rgba(0,0,0,0.7);
  }

  /* Extra fix: strong text and labels */
  .dark-mode strong,
  .dark-mode label,
  .dark-mode b {
    color: #ffffff !important; /* Make sure strong text stands out */
  }

  /* Extra fix: input and form text */
  .dark-mode input,
  .dark-mode textarea,
  .dark-mode select {
    background-color: #2c3e50 !important;
    color: #f0f4f8 !important;
    border: 1px solid #445566 !important;
  }

  /* Smooth transition */
  body, .section, .header, footer, .topbar {
    transition: background-color 0.3s ease, color 0.3s ease;
  }
</style>
