Variables
To declare a CSS variable you will have to add a double dash before the name of that var.
body {
--english-green-color: #1B4D3E;
}
Now, in order to use the value of the CSS variable, we can use the var(…) function.
.my-green-component{
background-color: var(--english-green-color);
}
The easiest way to manage your CSS vars is by declaring them into the :root pseudo-class.
:root{
--english-green-color: #1B4D3E;
}