Como customizar as cores do Navbar do React Bootstrap no Next

Ao trabalhar com React e Next, muitas vezzes precisamos ajustar a aparência de componentes, especialmente quando usamos bibliotecas como React Bootstrap. O que já percebi é que a documentação oficial às vezes não é tão clara na hora de customizar cores específicas.

No meu caso, queria mudar a cor do texto do Navbar, mas não encontrei uma forma direta na documentação. A solução que funcionou foi criar um arquivo CSS e importar na minha página, usando classes específicas do Bootstrap ou até sobrescrevendo variáveis do Bootstrap via webpack. A decisão fica mais saudável quando o time consegue medir o impacto depois.

Um ponto importante é entender que o React Bootstrap não expõe muitas opções de customização via props para cores, então a melhor estratégia é usar CSS customizado ou variáveis de tema do Bootstrap, ajustando o webpack para que carregue essas variáveis. Sem esse critério, a solução pode parecer simples no começo e cara no suporte. O valor aparece melhor quando operação, produto e engenharia olham para o mesmo risco.

O que vocês costumam fazer nesse cenário? Preferem usar CSS puro ou alguma abordagem mais integrada com o tema do Bootstrap?