Minha variante de cores não está funcionando no css (help)

Olá amigos, estou com uma grande dúvida, pois aparentemente coloquei os códigos da maneira correta, porém quando salvo não da certo. Segue os códigos:

:root {
    --cor-primaria: #000000;
    --cor-secundaria: #F6F6F6;
    --cor-tercearia: #22d4fd;
    --cor-roover: #272727;
}

* {
    margin: 0;
    padding: 0;
}

body {
    /* height: 100vh; */
    box-sizing: border-box;
    background-color: var(--cor-primaria);
    color: var(--cor-secundaria);
}

.cabecalho{
    padding: 2% 0% 0% 10%;
    font-family: "Krona One", sans-serif;
    color: var(--cor-tercearia);