Usando variáveis na CSS

Podemos estar criando variáveis na nossa folha de estilo. Por exemplo, vou criar uma para aplicar na cor de fundo de alguns elementos:

:root{

–cor-fundo:#ccc;

}

Essa cor eu posso aplicar durante todo o meu projeto. Veja um exemplo de como aplicar:

div { background-color: var(–cor-fundo);}

Se tivermos essa variável de cor em vários elementos, quando alterarmos a variável (no root) todos os elementos mudam. 

Referência: https://www.w3schools.com/css/css3_variables.asp