/* Nav — Sidebar navigation styles */

.nav-sidebar {
  --nav-indent: var(--s0);
}

.nav-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.nav-item {
  margin-block-end: var(--s-3);
}

.nav-project-header {
  justify-content: space-between;
  align-items: center;
}

.nav-link {
  display: block;
  padding: var(--s-3) var(--s-2);
  font-size: var(--font-size-sm);
  font-weight: 500;
  color: var(--color-text);
  border-radius: var(--radius);
  transition: background-color var(--transition);
}

.nav-link:hover {
  background-color: var(--color-bg);
  color: var(--color-text);
}

.nav-link-active {
  background-color: var(--color-bg);
  font-weight: 600;
}

.nav-link-page {
  font-weight: 400;
  color: var(--color-text-muted);
  padding-inline-start: var(--nav-indent);
}

.nav-link-page.nav-link-active {
  color: var(--color-text);
  font-weight: 500;
}

.nav-sublist {
  list-style: none;
  padding: 0;
  margin: 0;
}

.nav-toggle {
  font-size: var(--font-size-sm);
  line-height: 1;
  padding: var(--s-4);
}