Под резервным значением здесь подразумевается не альтернатива для старых браузеров, которые не поддерживают переменные CSS. Резервное значение — это дополнительная особенность, которую мы можем использовать с переменными CSS. Рассмотрим следующий пример:
.section-title {
color: var(--primary-color, #222);
}
Обратите внимание, что здесь var() имеет несколько значений. Второе значение #222 будет работать только в том случае, если переменная --primary-color по какой-то причине не определена. Более того, мы можем вложить var() внутрь другой переменной.
.section-title {
color: var(--primary-color, var(--black, #222));
}
Эта возможность может быть полезна в ситуациях, когда значение переменной зависит от определённого действия. Если переменная не содержит значения, важно обеспечить для неё резервный вариант.