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