:root {
	color-scheme: light dark;
}



{{! ===== Default Themes ===== }}

body {
	{{> default_light }}
}

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

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

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



{{! ===== High Contrast Themes ===== }}

{{# more_contrast }}
@media (prefers-contrast: more) {
	body {
		{{> more_contrast_light }}
	}

	body[data-color-scheme='dark'] {
		{{> more_contrast_dark }}
	}

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

		body[data-color-scheme='light'] {
			{{> more_contrast_light }}
		}
	}
}
{{/ more_contrast }}



{{! ===== Low Contrast Themes ===== }}

{{# less_contrast }}
@media (prefers-contrast: less) {
	body {
		{{> less_contrast_light }}
	}

	body[data-color-scheme='dark'] {
		{{> less_contrast_dark }}
	}

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

		body[data-color-scheme='light'] {
			{{> less_contrast_light }}
		}
	}
}
{{/ less_contrast }}