CSS não da certo.

Olá bao tarde. Estou fazendo o projeto do Alura Plus escrevo o Css igual aos códigos que aprensetam na aula, quando vou verificar se está funcionando a tele continua branca, sem as cores que coloco no Css. Alguem sabe por que ?

:root {
    --branco-principal: #FFFFFF;
    --cinza-secundario: #C0C0C0;
    --botao-azul: #167BF7;
    --cor-de-fundo: #00030C;
}

body {
    background-color: var(--cor-de-fundo);
}