User Preference Media Features in CSS

user-preferences.css

/* 
	@source 
	https://drafts.csswg.org/mediaqueries-5/#mf-user-preferences
	https://css-tricks.com/weekly-platform-news-reduced-motion-cors-whitehouse-gov-popups-and-100vw/
*/

/* contrast */
@media (prefers-contrast: no-preference|less|more) {
  /* … */
}

/* reduced motion */
@media (prefers-reduced-motion: no-preference|reduced) {
  /* … */
}

/* reduced transparency */
@media (prefers-reduced-transparency: no-preference|reduced) {
	/* … */
}