1) есть 9 основных цветов на сайта, и по 5-15 оттенков производных от этих цветов.
2) я заношу эти 9 цветов в переменные
3) потом беру первый цвет и вбиваю его в start , а его оттенок в end -
https://sasscolorcalculator.com/4) получаю такой код lighten( #25133b, 1.9607843137254886 ) - где у нас #25133b - первый цвет в переменной
5)
lighten( $first-color, 1.9607843137254886 )
lighten( $first-color, 5.96 )
lighten( $first-color, 5.16 )
lighten( $first-color, 3.26 )
6) и тогда получается что мы меняем цвет в переменной, а у нас оно везде отработает за счет этой функции lighten( $first-color, 5.96 )