Olá, Stella!

Pelo que você descreveu e pela imagem que compartilhou, parece que o código CSS está correto. As variáveis foram declaradas dentro do seletor :root, o que é uma prática recomendada para definir cores que serão usadas em vários lugares do seu site.

A única coisa que está errada no seu código é a tag <style> no arquivo CSS, pode ver que está vermelho, indicando um erro, não precisa dela para o import funcionar, você pode remover ela para evitar esse erro.

Outra coisa é ver se o seu arquivo CSS está sendo importado corretamente no HTML.

Espero que essas dicas te ajudem a resolver o problema. Bons estudos!