; }? А если первое значение — var(--not-a-color), и переменная содержит те же 20px? Результат будет другим. Каскад — один из четырёх этапов обработки значений в CSS. Сначала браузер фильтрует объявления и отбрасывает невалидные, потом через каскад для каждого свойства выбирает одно значение. Если какого-то не хватает — берёт унаследованное или начальное...