:root {
	color-scheme: light dark;
}

body {
	{{> default_light }}
}

body[data-color-theme='dark'] {
	{{> default_dark }}
}

{{# less_contrast }}
body[data-color-contrast='less'] {
	{{> less_contrast_light }}
}

body[data-color-theme='dark'][data-color-contrast='less'] {
	{{> less_contrast_dark }}
}
{{/ less_contrast }}

{{# more_contrast }}
body[data-color-contrast='more'] {
	{{> more_contrast_light }}
}

body[data-color-theme='dark'][data-color-contrast='more'] {
	{{> more_contrast_dark }}
}
{{/ more_contrast }}

@media (prefers-color-scheme: dark) {
	body {
		{{> default_dark }}
	}

	body[data-color-theme='light'] {
		{{> default_light }}
	}

	{{# less_contrast }}
	body[data-color-contrast='less'] {
		{{> less_contrast_dark }}
	}

	body[data-color-theme='light'][data-color-contrast='less'] {
		{{> less_contrast_light }}
	}
	{{/ less_contrast }}

	{{# more_contrast }}
	body[data-color-contrast='more'] {
		{{> more_contrast_dark }}
	}

	body[data-color-theme='light'][data-color-contrast='more'] {
		{{> more_contrast_light }}
	}
	{{/ more_contrast }}
}