Une variable est définie à l’aide d’un nom précédé d’un $ et on lui assigne une valeur.

Exemple :

$rouge: red;
$gris-clair: #f9f9f9;
$blanc: #fff;
$noir: #000;
$vert: #6b962b;

On pourra facilement changer la couleur de tous les éléments d’une même couleur sans modifier le CSS.

Il suffira simplement de changer la valeur de la variable concernée.

Testez vos propres exemples sous Jsfiddle. Cliquez ici