Here's a way to THINK about CSS Custom Property (variable) usage: when state changes, don't re-declare entire chunks of CSS, just change the data. The original declaration updates with the new data. Not only more DRY but better reflects your intention.
https://codepen.io/chriscoyier/pen/yLZKJWq

https://twitter.com/CodePen/status/1727091053050626226