@media (prefers-color-scheme: light) {
	.only-show-dark {
	display: none;
}

:root {
	--bg: #ffffff;
	--text: #2a2a2a;
	--text-active: #ffffff;
	--text-subtle: #666666;
	--text-subtle-active: #999999;

	--accent-1: #0F2C59;
	--accent-2: #116DD5;
	--accent-3: #92CEEE;
	--accent-4: #d3d6e9;
	--accent-5: #edf0f8;

	--label-new: var(--accent-2);
	--label-early: red;

	--unlocked: #3CB371;
}
}
@media (prefers-color-scheme: dark) {
	.only-show-light {
	display: none;
}

:root {
	--bg: #242424;
	--text: #ebebeb;
	--text-active: #242424;
	--text-subtle: #aaaaaa;
	--text-subtle-active: #bbbbbb;

	--accent-1: #f0f0f7;
	--accent-2: #e4e6eb;
	--accent-3: #c2ccd1;
	--accent-4: #85919e;
	--accent-5: #464f5a;

	--label-new: var(--accent-4);
	--label-early: firebrick;

	--unlocked: #3CB371;
}

header .Links img {
	-webkit-filter: contrast(0) sepia(100%) hue-rotate(190deg) saturate(0%) brightness(1000%);
	filter: contrast(0) sepia(100%) hue-rotate(190deg) saturate(0%) brightness(1000%);
	opacity: 1;
}
}