[] lets you use wide gamut colors with gamut mapping for specific displays following the [CSS Color 4 Specification].
When out of gamut colors are naively clipped the result can be radically different.
A saturated and bright color will be much darker after clipping.
To correctly adjust colors for a narrow gamut display, the colors must be mapped.
This is done by lowering the chroma in oklch until the color is in gamut.
Using the @media (color-gamut) media feature makes it possible to only use the wide gamut colors on displays that support them.
<example.css>
/* becomes */
<example.expect.css>