Olá Mikael, tudo bem?

Pelo que entendi, você está tentando definir a cor de fundo do seu body utilizando a variável --cor-primaria, mas o background está ficando branco em vez de preto, que é a cor que você definiu na variável.

Uma possível solução para esse problema é verificar se você está chamando a variável corretamente no seu HTML. Certifique-se de que a classe do body está sendo chamada corretamente e que a variável está sendo referenciada corretamente.

Outra possível solução é verificar se não há outra propriedade CSS que está sobrescrevendo a cor de fundo do seu body. Nesse caso, você pode tentar adicionar a propriedade !important na declaração da cor de fundo, isso obriga ele aplicar a propriedade mesmo tendo outra sobrescrevendo, assim:

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

Espero ter ajudado e bons estudos!

Obrigado pela ajuda, depois de tanto procurar achei o erro no codigo, depois de confirmar tudo que você me explicou achei o erro no começo do CSS quando colei o link das fontes e pesos coloquei dois pontos virgulas (;;).

@import url('https://fonts.googleapis.com/css2?family=Krona+One&family=Montserrat:wght@400;600&display=swap');;

:root{
    --cor-primaria: #000000;
    --cor-secundaria: #F6F6F6;
    --cor-terciaria: #22D4FD;
    --cor-hover: #272727;
}

*{
    margin: 0;
    padding: 0;
}



body{
    box-sizing: border-box;
    background-color: var(--cor-primaria)!important;
    color: #f6f6f6;
}

Ai sim, que bom que conseguiu resolver :)