Então em relação ao exercício como aprendemos anteriormente, para se usar o que está dentro gaveta ou caixa se referindo ao conteúdo que a variável tem é preciso referencia-la no lugar que se pretende usa-la. E outra a sintaxe de formação do nome da variável esta errada faltando o -- no inicio do seu nome. Ela tem um valor guardado mas se não for referenciada em algum lugar como o valor ou conteúdo dela vai aparecer.
Oi, Fabio. Tudo bem com você?
Sua observação sobre a referência da variável e a sintaxe está correta. É isso mesmo, para usar o valor de uma variável CSS, é preciso chamá-la no local onde se deseja aplicar a propriedade. Além disso, o nome da variável deve seguir o padrão com dois hífens na frente (--).
A capacidade de armazenar valores e reutilizá-los em diferentes pontos do projeto torna as variáveis CSS uma ferramenta poderosa. Isso ajuda a manter a consistência e a facilitar a manutenção do código.
Para aplicar a variável, você precisa usar a função var(). Essa função permite que você acesse o valor armazenado na variável e o aplique a uma propriedade CSS. Por exemplo, para usar a variável cor-atualizada-do-projeto, a sintaxe correta seria var(--cor-atualizada-do-projeto).
Obrigado por compartilhar sua reflexão.
Conte com o apoio da comunidade Alura na sua jornada. Abraços e bons estudos!