:root {
	--light: #f0f0f0;
	--light-darker: #e0e0e0;
	--dark: #101010;
	--dark-lighter: #202020;
	--primary: #007bff;
}

@media (prefers-color-scheme: light) {
	:root {
		--fg: var(--dark);
		--bg: var(--light);
		--bg-dark: var(--light-darker);
		--primary-emphasis: #007bff;
		--navbar:var(--bg);
		--navlink-fg: var(--fg);
		--navlink-selected-fg: var(--primary);
		--button: var(--fg);
		--button-hover: var(--fg-dark);
		--footer-bg: var(--fg-dark);
		--bg-alternate: var(--bg-dark);
		--heading-glow-radius: 0.05em;
	}
}

@media (prefers-color-scheme: dark) {
	:root {
		--fg: var(--light);
		--bg: var(--dark);
		--bg-light: var(--dark-lighter);
		--primary-emphasis: #007bff;
		--navbar:var(--bg);
		--navlink-fg: var(--fg);
		--navlink-selected-fg: var(--primary);
		--button: var(--fg);
		--button-hover: var(--fg-light);
		--footer-bg: var(--bg-light);
		--bg-alternate: var(--bg-light);
		--heading-glow-radius: 0.1em;
	}
}