
:root {
	color-scheme: light dark;
}

body {
	{{> .themes/Minimal Light }}
}

body[data-color-scheme='dark'] {
	{{> .themes/Minimal Dark }}
}

@media (prefers-color-scheme: dark) {
	body {
		{{> .themes/Minimal Dark }}
	}

	body[data-color-scheme='light'] {
		{{> .themes/Minimal Light }}
	}
}



/* todo: switch from having 2 themes (above) to 4 themes (below) */

@media (prefers-contrast: no-preference) {
	/* todo: default themes */
}

@media (prefers-contrast: more) {
	/* todo: high contrast themes */
}

@media (prefers-contrast: less) {
	/* todo: low contrast themes */
}
