:root,::selection {
	color-scheme: dark;
	--xe-bg: light-dark(hsl(0, 2%, 84%), hsla(0, 0%, 11%, 1));
	--xe-bg-alpha: light-dark(hsla(0, 2%, 84%,.5), hsla(0, 0%, 11%, .5));
	--xe-bg-1: light-dark(hsl(0,0%,90%), hsla(0,0%,18%, 1));
	--xe-bg-2: light-dark(hsl(0,0%,97%), hsla(0,0%,28%, 1));
	--xe-bg-3: light-dark(hsl(32,5%,75%), hsla(32,5%,35%, 1));
	--xe-bg-4: light-dark(hsl(32,6%,85%), hsla(32,6%,45%, 1));
	--xe-bg-accent: light-dark(hsl(213, 55%, 25%), hsla(213, 55%, 25%, 1));
	--xe-bg-select: light-dark(hsla(213, 100%, 70%, 0.3), hsla(213, 100%, 70%, 0.3));
	--xe-fg: light-dark(hsl(240, 2%, 15%), hsla(0, 0%, 90%, 1));


	--xe-bg-success: light-dark(hsl(120, 70%, 90%),  hsl(120, 100%, 30%));
	--xe-fg-success: light-dark(hsl(120, 100%, 30%), hsl(120, 70%, 90%));
	--xe-bg-info: light-dark(hsl(200, 70%, 90%), hsl(200, 100%, 30%));
	--xe-fg-info: light-dark(hsl(200, 100%, 30%), hsl(200, 70%, 90%));
	--xe-bg-warning: light-dark(hsl(30, 100%, 90%), hsl(40, 70%, 50%));
	--xe-fg-warning: light-dark(hsl(30, 100%, 60%), hsl(30, 100%, 100%));
	--xe-bg-error: light-dark(hsl(0, 70%, 70%), hsl(0, 25%, 25%));
	--xe-fg-error: light-dark(hsl(0, 100%, 25%), hsl(0, 100%, 70%));

	--xe-fg-1: light-dark(hsl(0,0%,20%), hsl(0,0%,73%));
	--xe-fg-accent: light-dark(hsla(213, 100%, 70%, 0.7), hsla(213, 100%, 70%, 0.7));
	--xe-fg-select: light-dark(#000, #FFF);
	--xe-highlight: var(--xe-bg-select);

	--xe-pane-header-height: 1.85rem;
	--xe-opacity-disabled: .5;
}
@media (prefers-color-scheme: light) {
	:root,::selection {
		color-scheme: light;
	}
}