Watercolor
Watercolor
The ability for rebranding arches can be easily done via root variables.
Now that Color-mix is more stable it would be best to move to Color-mix because it would be more flexible and easier to maintain color vars without dividing them into different H, S, L vars
hsl approach
Utilizing calc functions and breaking down each as it's own CSS variable lightness can be shifted up and down. There are struggles with this because static saturation doesn't look natural so experimentation of shifting saturatations levels to mimic the effect of light colors losing saturation and darker colors gaining saturation.
color mix()
The new CSS feature might be able to simplify this by mixing colors with the set color white and black.