[Dúvida] variaveis

Oi, Rodrigo, tudo bem?

No CSS, utilizamos o :root para definir variáveis globais que podem ser acessadas em qualquer lugar do nosso arquivo CSS. No entanto, no SASS, a definição de variáveis é um pouco diferente. As variáveis no SASS são definidas com o símbolo $ e podem ser usadas em todo o arquivo onde foram definidas. Se você quiser usar uma variável em vários arquivos, você precisará importar o arquivo que contém a variável usando a diretiva @use.

A razão pela qual precisamos colocar @use no topo de cada arquivo é porque o SASS não tem uma maneira de importar automaticamente variáveis ou mixins para todos os arquivos. Cada arquivo SASS é considerado um escopo separado, então se você quer usar variáveis ou mixins de um arquivo, você precisa importá-los explicitamente.

3- Quando você compila seu código SASS em CSS, as variáveis SASS são substituídas pelos seus valores correspondentes. Por exemplo, se você tem uma variável $cor-fundo: #f00; e você usa essa variável em algum lugar do seu código SASS, como background-color: $cor-fundo;, quando o SASS é compilado em CSS, ele se tornará background-color: #f00;. As variáveis SASS não aparecem no arquivo CSS final, apenas seus valores.

Espero ter ajudado. Caso tenha dúvidas, conte com o fórum. Abraços!