My cursory searching didn't dig up anything, but is there any decent pattern for using different opacities of colour defined as a custom property?
Like, this would be nice, but it doesn't work:
:root { --color: rgb(255, 0, 0); }
div { color: rgba(var(--color), 0.5); }