Working with color variables is great. I’ve built several component systems using variables. However, there are a couple of obvious features I feel are missing or need fixing. I’d love to see these features added in the future:

1. Cross-referencing a variable with added opacity
   At the moment, I can cross-reference a color variable, for example, the primary color, but if I want to use the primary color with 50% opacity, I have to use hex values and manually set the opacity. If I later change the primary color, I also have to manually update all the opacity versions, which is inefficient.

2. Better variable mode preview
   Currently, when I create a new mode or theme and reference other variable colors, the preview still shows the base (default) mode instead of the colors referenced in that specific mode. This feels like a bug and should be fixed.