I am thinking on an approach:
I have 5 fonts I am using, for precise approach, two Poppins and three Nunito. Nunito with 3 font-weight values, and Poppins is with two. I can generate 5 classes using them as variables, that is a basic step to say so. But with it, I have to create classes, update the Angular templates, or create more classes and use extend, etc… I was thinking and since I am making a lot of mixins and similar functional staff.. something came to my mind.
Is it possible to create re-usable variable declarations with mixins-loops-functions in SASS? I was not able to find proper answer to my question but I am deeply intriguied. Anyone here could answer my question or point to some direction with possible solutions maybe?

One of the variables declared inside :root behave differently than the sass variables, declared with the $ sign.