CSS Variables in Custom Code not working

Hello, i wanted to use css variables, and i put them inside the custom code of the website in the head. But somehow the variables are not recognized by the elements. For example the H1 has the custom variable set, but its not actually applying the code of the variable itself. Can anyone check my code? I can’t see any mistake…

Here is my site Read-Only:

(Webflow - Rocco Portfolio)

@Konoha - take a look at this project in the showcase: CSS Variables - Webflow

This should help point you in the right direction.

Ok thanks. I tried to make changes to my code and put the variables inside the html element, like in the example. But still the styles of the variables are not applied. It keeps telling me that my variables are not defined…

It worked now. There was an issue in the code