:root {
	--color: #111;
	--background-color: #EEE;
	--background-accent: #DDD;
	--accent: #b492e8;
	--accent-highlight: #debfff;
	--rose: #ad007d;
	--styling-color: #6622d1;
	--bg-red: #ff7f77;
	--fg-red: #990e0e;
	--bg-gold: #ffae21;
	--bg-green: #8bdca3;
	--bg-blue: #a4c3ff;
	--bg-purple: #b492e8;
}

:root:has(#menu-theme-light:checked) {
	color-scheme: only light;
	--color: #111;
	--background-color: #EEE;
	--background-accent: #DDD;
	--accent: #b492e8;
	--accent-highlight: #debfff;
	--rose: #ad007d;
	--styling-color: #6622d1;
	--bg-red: #ff7f77;
	--fg-red: #990e0e;
	--bg-gold: #ffae21;
	--bg-green: #8bdca3;
	--bg-blue: #a4c3ff;
	--bg-purple: #b492e8;
}

:root[data-theme="light"] {
	color-scheme: only light;
	--color: #111;
	--background-color: #EEE;
	--background-accent: #DDD;
	--accent: #b492e8;
	--accent-highlight: #debfff;
	--rose: #ad007d;
	--styling-color: #6622d1;
	--bg-red: #ff7f77;
	--fg-red: #990e0e;
	--bg-gold: #ffae21;
	--bg-green: #8bdca3;
	--bg-blue: #a4c3ff;
	--bg-purple: #b492e8;
}