Can someone clarify CSS variables for me?

So I did freecodecamp about a year and a half ago and did quite a few of the projects under the old curriculum. I decided to restart because its been a long time and I wanted to be refreshed. I just completed the Basic CSS section about variables and i’m kind of unclear on what the use is for them or how they actually change the page. The old curriculum didn’t have that so this is a new area for me. Thanks!

The use of CSS variables is, that it’s easier to remember --main-green than #006400.
Also when you decide to change green to #a2bba2, you’ll have to change it only in one place instead of searching and replacing in the whole file.