Using Custom Properties and Media Queries in CSS
We can also use custom properties with media queries. For example, you can use custom properties to define light and dark color schemes: :root { –background-primary: hsl(34, 78%, 91%); –text-primary: hsl(25, 76%, 10%); –button-primary-bg: hsl(214, 77%, 10%); –button-primary-fg: hsl(214, 77%, 98%); } @media screen and ( prefers-color-scheme: dark ) { :root { –background-primary: hsl(25, 76%, [ [ ...]