O primeiro recurso útil é a existência de variáveis. Podemos armazenar e reutilizar valores ao longo do código. É muito semelhante à linguagem de programação, que permite criar uma variável uma vez e utilizá-la várias vezes. Para declarar uma variável, é necessário colocar um cifrão ($) seguido do nome da variável, depois definir dois pontos (:) e atribuir um valor.

$textPrimaryColor: #49423c;

Nota

É possível utilizar qualquer notação de nomenclatura, seja kebab case (text-primary-color), snake case (text_primary_color) ou camel case (textPrimaryColor). O essencial é manter a mesma notação de nomenclatura em todo o projeto.

Vamos imaginar que precisamos criar uma marcação na qual todo o texto tenha a cor #474943 e o tamanho da fonte seja 24px. O arquivo sass ficaria assim:

$textColor: #474943;
$textFontSize: 24px;

p {
  color: $textColor;
  font-size: $textFontSize;
}

Sempre mantemos as variáveis o mais descritivas possível, para garantir que fique claro para que serve cada variável.

O benefício é que isso facilita a realização de alterações de design no projeto posteriormente. Se o tamanho da fonte ou a cor do texto mudar, basta atualizar o valor das variáveis $textColor e $textFontSize, e o projeto será ajustado automaticamente.