[Dúvida] Porque o

[Dúvida] Porque o "var" não funciona

Observe o código abaixo, esse código, está funcionando corretamente, porém, na parte do font-family e do background. eu coloquei o var (..) corretamente, mas não funciona, não chama, apesar digitar corretamente o nome desta variável na duas extensão css.. Queria entender o porque alguma variável funciona e outras não, como por exemplo o color do código abaixo funciona com var., já o font-family não.

.lista_menu-titulo{
color: var(--cor-laranja);
font-family: "Poppins", sans-serif;
font-weight: 700;
}

.lista_menu-link{
    background: linear-gradient(97.54deg, #002F52 35.49%, #326589 165.37%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-transform: uppercase;
}