В чем отличие синтаксиса переменных в SCSS от обычного CSS?

Некоторые отличия синтаксиса переменных в SCSS от обычного CSS:

• Обозначение переменных. dzen.ru В CSS переменные начинаются с двух тире (--color: #9c27b0). dzen.ru В SCSS переменная обозначается знаком доллара ($color: #9c27b0). dzen.ru
• Область видимости. sass-lang.su codilime.com Переменные CSS имеют область видимости по элементам: они доступны в том элементе, где были объявлены, или в любом из его дочерних элементов. codilime.com Переменные SCSS доступны внутри блока, в котором они были объявлены. codilime.com
• Тип переменных. sass-lang.su Переменные CSS декларативны: если изменить значение, это повлияет как на предыдущее, так и на последующее использование. sass-lang.su Переменные SCSS императивные: если использовать переменную, а затем изменить её значение, предыдущее использование останется прежним. sass-lang.su
• Компиляция. codilime.com Переменные SCSS компилируются в файл CSS, в то время как переменные CSS поддерживаются современными браузерами и не требуют компиляции. codilime.com
• Значения по умолчанию. codilime.com Для переменных CSS можно предоставить значения по умолчанию, которые будут использоваться, если переменная не определена. codilime.com Для переменных SCSS есть возможность задать значение по умолчанию с помощью флага !default. sass-lang.su
• Помощь IDE. codilime.com Отсутствие переменной в SCSS вызовет ошибку, в то время как в CSS нет подсказки о возможных проблемах. codilime.com