.nav {
  /* background-color: var(--primary-color); */
  /* padding: var(--spacing-md); */
}

.nav__link {
  /* color: white;
  font-size: var(--font-size-base);
  padding: var(--spacing-xs) var(--spacing-sm); */
}

.nav__container {
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  gap: var(--spacing-sm);
}



.nav__link--active {
  font-weight: bold;
}

.nav__link--active,
.nav__link:hover {
  background-color: rgba(255, 255, 255, 0.1);
  border-radius: 4px;
  text-decoration: none;
}

.nav--on-right {
  text-align: right;
}