A pretty easy way to see the variables is to open the browser console (usually F12, or right click and inspect the page), then look for Elements tab, and on the style panel, you can see all the :root definitions:
Also helpful to browse through the Styleguide: https://meta.discourse.org/styleguide/
E.g. there’s a section now explaining the general css class syntax.
