@use '../variables' as vars;

// NavLinks overrides scaffold
.nav-link {
  color: var(--cyberduck-void-50);
  font-family: vars.$cyberduck-font-display;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  font-weight: 600;

  &:hover,
  &:focus {
    color: var(--cyberduck-yellow-300);
  }

  &.active {
    color: var(--cyberduck-yellow-500);
    background: transparent;
  }
}