Dark mode - footer

Fiz conforme a instrução para aplicar o dark mode, estilizou tudo conforme o esperado, mas meu footer não aplicou o dark mode, o texto continuou preto e os botões não trocaram de cor.

Html do footer:

 <footer class="text-center">
        <section class="container p-4 pb-0">
          <a class="icon-black btn"> <i class="bi bi-whatsapp"></i></a>
          <a class="icon-black btn" href=""><i class="bi bi-instagram"></i></a>
          <a class="icon-black btn" href=""><i class="bi bi-twitter"></i></a>
        </section>
        <div class="p-3">
          2023 <i class="bi bi-c-circle"></i> Desenvolvido por Alura | Projeto
          fictício sem fins comerciais.
        </div>
      </footer>

Estilo aplicado:

[data-bs-theme="dark"] {
  color: white;

  .nav-link,
  .card-body,
  .offcanvas,
  .accordion,
  .btn {
    --bs-nav-link-color: white;
    --bs-card-color: white;
    --bs-offcanvas-color: white;
    --bs-body-color: white;
    --bs-body-color: white;
  }
}