Some browser versions do not understand CSS variables, so background: var(--red-color) will not work. The solution is to assign the background property twice. First you assign it without a variable, and then you assign it with the variable. A browser that does not understand variables will ignore the second assignment.
I don’t know if this was answered but here’s the solution and explanation.
Some browser versions do not understand CSS variables, so background: var(--red-color) will not work which is why you have to add background:red; right before the background: var(--red-color); . Hope this helps.
It is great that you solved the challenge, but instead of posting your full working solution, it is best to stay focused on answering the original poster’s question(s) and help guide them with hints and suggestions to solve their own issues with the challenge.
We are trying to cut back on the number of spoiler solutions found on the forum and instead focus on helping other campers with their questions and definitely not posting full working solutions.