.dark-mode {
  background: #14092a;
  color: #d1c0f1;
}
.dark-mode .navbar,
.dark-mode .site-footer {
  background: #14092a;
}
.dark-mode .navbar-brand.yoga-logo {
  background: linear-gradient(-163deg, #ff52af, #9f53ff);
  -webkit-background-clip: text;
  background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;
}
.dark-mode .navbar-nav .nav-link {
  color: #d1c0f1 !important;
}
.dark-mode .navbar-nav .nav-link.active {
  background: linear-gradient(-163deg, #ff52af, #9f53ff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;
}
.dark-mode .navbar-icon {
  color: #d1c0f1;
}

.dark-mode .grid-btn,
.dark-mode .grid-btn svg,
.dark-mode .grid-btn .navbar-icon {
  color: #d1c0f1;
}
.dark-mode .hero-title,
.dark-mode .health-title,
.dark-mode .stat-number,
.dark-mode .follow-title1,
.dark-mode .stat-label {
  color: #d1c0f1;
}

.dark-mode .hero-lead,
.dark-mode .feature-text,
.dark-mode .feature-index,
.dark-mode .health-text {
  color: #a094b8;
}

.dark-mode .dropdown-menu {
  background: #1a1140;
  box-shadow: 0 2px 12px rgba(36, 10, 45, 0.25);
  border-radius: 12px;
}
.dark-mode .dropdown-item {
  color: #d1c0f1;
}
.dark-mode .dropdown-item:hover {
  background: #220953;
  color: #ff52af;
}