html[data-theme="modern-saas"] .nav-sidebar-item-active {
  background: linear-gradient(180deg, rgb(var(--color-primary-rgb) / 0.16), rgb(var(--color-primary-rgb) / 0.08));
  border-color: rgb(var(--color-primary-rgb) / 0.18);
  color: var(--nav-active-text);
  box-shadow: var(--nav-active-shadow);
}

html[data-theme="modern-saas"].dark .nav-sidebar-item-active {
  background: linear-gradient(180deg, rgb(var(--color-primary-rgb) / 0.22), rgb(var(--color-primary-rgb) / 0.1));
  border-color: rgb(var(--color-primary-rgb) / 0.24);
  color: var(--nav-active-text);
  box-shadow: var(--nav-active-shadow);
}

html[data-theme="modern-saas"] .theme-toggle-button {
  background: linear-gradient(180deg, rgb(255 255 255 / 0.98), rgb(var(--color-primary-rgb) / 0.04));
  border-color: var(--theme-toggle-border);
  box-shadow: var(--theme-toggle-shadow);
}

html[data-theme="modern-saas"].dark .theme-toggle-button {
  background: linear-gradient(180deg, rgb(255 255 255 / 0.04), rgb(var(--color-primary-rgb) / 0.12));
  border-color: var(--theme-toggle-border);
  box-shadow: var(--theme-toggle-shadow);
}

html[data-theme="modern-saas"] .auth-showcase {
  background: linear-gradient(180deg, rgb(255 255 255 / 0.98), rgb(var(--color-primary-rgb) / 0.05));
}

html[data-theme="modern-saas"].dark .auth-showcase {
  background: linear-gradient(180deg, rgb(255 255 255 / 0.03), rgb(var(--color-primary-rgb) / 0.1));
}