@use "../variables" as *;
@use "../mixins" as *;

.b-header {
  background-color: $bg-dark;
  color: white;
  padding: 2rem 0;
  text-align: center;
  position: sticky;
  top: 0;
  z-index: $z-dropdown;
}

.nav-list {
  @include flex(row, center, center);
  gap: 2rem;
  margin: 0;
  padding: 0;
  list-style: none;

  &__link {
    @include link-reset;
    font-weight: $font-weight-medium;
    padding: 0.5rem 0;
    transition: color $transition-base;

    &:hover,
    &--active {
      color: $primary;
    }
  }
}
