/* базовый цвет пунктов меню */
.nav-link{
  color: var(--ink-60) !important;
}

/* наведение мышью (десктоп) */
.nav-link:hover{
  color: var(--terracotta) !important;
}

/* фокус НЕ делает пункт «активным» */
.nav-link:focus,
.nav-link:focus-visible{
  color: inherit !important;
  outline: none;
  box-shadow: none;
}

/* активный пункт — только по .active */
.nav-link.active{
  color: var(--terracotta) !important;
  font-weight: 700;
}

/* если где-то было: #mainNav .nav-link:focus { ... } — оставь нейтральным */
#mainNav .nav-link:focus{
  color: inherit !important;
  border-bottom-color: transparent;
  outline: none;
  box-shadow: none;
}