Почему мой линейный градиент преобразуется в сплошной фоновый цвет? ⇐ CSS

[Anonymous]

У меня есть простая панель навигации, к которой я применяю градиент, следуя примеру w3schools (https://www.w3schools.com/css/css3_gradients.asp)

.nav-bar { фоновое изображение: линейный градиент (внизу справа, var (--primary-bg-color), var (--accent-txt-color)); дисплей: гибкий; оправдание-содержание: гибкий старт; выровнять-элементы: по центру; } Это отображается правильно, когда я просматриваю файл в браузере, но у меня есть страница, опубликованная на Hostinger, и когда я посещаю активную страницу в Chrome, градиент заменяется сплошным цветом. Градиент отлично работает в других браузерах (я тестировал в Safari и Edge).

Когда я проверяю страницу с помощью инструментов разработчика Chrome, она показывает, что применен следующий стиль:

цвет фона: var(--accent-txt-color); Я могу вручную изменить стиль, чтобы он отражал мой опубликованный код, и это работает, но меня не понимает, почему стиль перезаписывается в браузере. Я не оформляю панель навигации где-либо еще в своем CSS.

Спасибо за любую помощь!