/* What each theme shows, and the fade when switching between them */

:root {
	transition:
		--sky-a 0.8s ease,
		--sky-b 0.8s ease,
		--ground 0.8s ease;
}

.scene * {
	transition:
		fill 0.8s ease,
		stroke 0.8s ease,
		stop-color 0.8s ease,
		opacity 0.8s ease;
}

.night-only {
	opacity: 0;
}

[data-theme="night"] .night-only {
	opacity: 1;
}

[data-theme="night"] .day-only {
	opacity: 0;
}