html {
  scrollbar-gutter: stable;
}

/* Active navigation link styles */
.nav-link.active {
  cursor: default;
}

.nav-link.active:not(.current-page) {
  position: relative;
}

.nav-link.active:not(.current-page)::after {
  content: '';
  position: absolute;
  width: 66.67%;
  height: 2.7px;
  left: 0;
  right: 0;
  bottom: -4px;
  margin: 0 auto;
  background-color: #35BFA4;
  border-radius: 9999px;
}

.dark .nav-link.active:not(.current-page)::after {
  background-color: #d7f4ee;
}

.nav-link.current-page {
  cursor: default;
}

/* Custom styles for dark mode */
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    color-scheme: dark;
  }
}

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