Solucionado
O :root é uma pseudoclasse que possui prioridade na personalização do que as demais tags? Por exemplo, se tivermos tal código:
:root {
font-size: 20px;
}
p {
font-size: 30px;
}O :root terá prioridade neste exemplo? Deixando a font com 20px
Bom dia, Lucas! Tudo bem?
O root não tem prioridade na personalização não, nesse caso do seu código o <p> terá 30px por ter sido sobrescrito. A pseudoclasse root só tem uma especificidade maior do que todas, ou seja, abrange todo o projeto, e por isso é recomendado criar as variáveis dentro dela pra conseguir chama-las na estilização de todos os elementos do projeto posteriormente.
Bons estudos!