@media (prefers-color-scheme: dark) { :root {
	--color: #EEE;
	--background-color: #111;
	--background-accent: #222;
	--accent: #441e7e;
	--accent-highlight: #29104a;
	--rose: #da6bbb;
	--styling-color: #a876f6;
	--bg-red: #631212;
	--fg-red: #f66056;
	--bg-gold: #b53d00;
	--bg-green: #0c5321;
	--bg-blue: #122e63;
	--bg-purple: #441e7e;
} }

:root:has(#menu-theme-dark:checked) {
	color-scheme: only dark;
	--color: #EEE;
	--background-color: #111;
	--background-accent: #222;
	--accent: #441e7e;
	--accent-highlight: #29104a;
	--rose: #da6bbb;
	--styling-color: #a876f6;
	--bg-red: #631212;
	--fg-red: #f66056;
	--bg-gold: #b53d00;
	--bg-green: #0c5321;
	--bg-blue: #122e63;
	--bg-purple: #441e7e;
}

:root[data-theme="dark"] {
	color-scheme: only dark;
	--color: #EEE;
	--background-color: #111;
	--background-accent: #222;
	--accent: #441e7e;
	--accent-highlight: #29104a;
	--rose: #da6bbb;
	--styling-color: #a876f6;
	--bg-red: #631212;
	--fg-red: #f66056;
	--bg-gold: #b53d00;
	--bg-green: #0c5321;
	--bg-blue: #122e63;
	--bg-purple: #441e7e;
}