Bootstrapでnav-darkを指定しているのにaタグの文字色が青になってしまう

公式のドキュメントを参照したつもりで、以下のように書いてしまいました。

header.php

<header class="navbar navbar-expand navbar-dark bg-dark">
<a class="nav-link" href="login.php">HOME</a>
</header>

ドキュメントと同じクラス名を指定したのに、HOMEの文字が青になってしまいます。
開発ツールで_navbar.scssを確認しました。（以下抜粋したものです）

.navbar-dark {
  .navbar-nav {
    .nav-link {
      color: $navbar-dark-color;

      @include hover-focus() {
        color: $navbar-dark-hover-color;
      }

      &.disabled {
        color: $navbar-dark-disabled-color;
      }
    }
  }
}

.navbar-darkの中の.navbar-navの中の.nav-linkに文字色が適用されるのですね。
クラス名を指定したら、無条件にスタイルがあたるものだと思い込んでいました。
これで適切な色になります。

header.php

<header class="navbar navbar-expand navbar-dark bg-dark">
　<ul class="navbar-nav">
　　<a class="nav-link" href="login.php">HOME</a>
　</ul>
</header>