html {
	--accent: color(display-p3 0.88898 0.31605 0.70681);
	--var-transparent-image-background: #f7f0f5;
}
@media (prefers-color-scheme: dark) {
	html {
		--accent: color(display-p3 0.88898 0.51605 0.9);
		--var-transparent-image-background: #75526a;
	}
}

html {
	--cursor-light: -webkit-image-set(url(ui/cursors/neutral/cursor.png) 2x) 2 4, default;
	--cursor-light-pressed: -webkit-image-set(url(ui/cursors/neutral/cursor-pressed.png) 2x) 2 4, default;
	
	--cursor-hand-light: -webkit-image-set(url(ui/cursors/neutral/hand.png) 2x) 10 2, pointer;
	--cursor-hand-light-pressed: -webkit-image-set(url(ui/cursors/neutral/hand-pressed.png) 2x) 10 2, pointer;
	
	--cursor-i-beam-light: -webkit-image-set(url(ui/cursors/neutral/i-beam.png) 2x) 7 17, text;
	--cursor-i-beam-light-pressed: -webkit-image-set(url(ui/cursors/neutral/i-beam-pressed.png) 2x) 7 17, text;
	
	--cursor-i-beam-small-light: -webkit-image-set(url(ui/cursors/neutral/i-beam-small.png) 2x) 7 14, text;	
	--cursor-i-beam-small-light-pressed: -webkit-image-set(url(ui/cursors/neutral/i-beam-small-pressed.png) 2x) 7 14, text;
			
	--cursor-i-beam-large-light: -webkit-image-set(url(ui/cursors/neutral/i-beam-large.png) 2x) 7 21, text;
	--cursor-i-beam-large-light-pressed: -webkit-image-set(url(ui/cursors/neutral/i-beam-large-pressed.png) 2x) 7 21, text;
	
	--cursor-zoom-in-light: -webkit-image-set(url(ui/cursors/neutral/zoom-in.png) 2x) 14 15, zoom-in;
	--cursor-zoom-in-light-pressed: -webkit-image-set(url(ui/cursors/neutral/zoom-in-pressed.png) 2x) 14 15, zoom-in;
	
	--cursor-up-down-light: -webkit-image-set(url(ui/cursors/neutral/up-down.png) 2x) 16 16, row-resize;
	--cursor-up-down-light-pressed: -webkit-image-set(url(ui/cursors/neutral/up-down-pressed.png) 2x) 16 16, row-resize;
}