Olá, Alan! Tudo bem?
O problema está no seletor que você usou para o corpo da página.
No seu arquivo styles.css (linha 17), você escreveu .body (com um ponto antes). Para aplicar o estilo diretamente na tag HTML, você deve usar o seletor de tag, ou seja, sem o ponto.
Vá até o seu arquivo styles.css e remova o ponto antes de body:
body {
background-color: var(--background-color);
/* restante do código */
}
Dessa forma, o navegador entenderá que deve aplicar a cor #000000 (definida nas suas variáveis) diretamente à tag <body> da página.
Espero ter ajudado! Faça esse ajuste e me conte se funcionou.
Bons estudos!
Sucesso ✨