CSS custom properties don't work in media queries. Custom media queries could help out here but unfortunately, they're not supported yet.
Articles – Page 56
Keep writing, writing, writing ...
The order of CSS transformations, predictable scrollbar spacing and the state of Safari.
Media queries can have a boolean context even though they allow more than two values.
A CLI command to extract text from an image.
Questions to ask when interviewing for a new job, how to detect media query support and new web security features.