/* Menu */
.menu-list {
  --menu-horizontal-gap: var(--gap-xl);

  @media screen and (min-width: 1400px) {
    --menu-horizontal-gap: var(--gap-3xl);
  }
}

.menu-list__link {
  font-weight: 500;
  letter-spacing: 0.2pt;

  &.menu-list__link--active {
    text-decoration: underline;
    text-underline-offset: 4px;
    text-decoration-thickness: 2px;
    text-decoration-color: var(--color-primary-hover);
  }
}