/*noinspection CssInvalidFunction*/
.colour-root {
	color-scheme: dark light;
	
	--light-highlight: hsl(var(--hue), 75%, 75%);
	--dark-highlight: hsl(var(--hue), 75%, 25%);
	
	--highlight: light-dark(var(--dark-highlight), var(--light-highlight));
	--reverse-highlight: light-dark(var(--light-highlight), var(--dark-highlight));
	
	--page-colour: light-dark(white, black);
	--text-colour: light-dark(black, white);
	
	@media (prefers-contrast: more) {
		--light-highlight: hsl(var(--hue), 75%, 85%);
		--dark-highlight: hsl(var(--hue), 75%, 15%);
	}
}