:root {
	--primary: #EEE2DE;
	--secondary: #EA906C;
	--tertiary: #B31312;
	--quaternary: #2B2A4C;
	--quaternary-fade: rgba(43, 42, 76, 0.4);
}

/* dark theme from meta tag, switches all instances of primary color with quaternary and vice versa, and secondary with tertiary and vice versa */
@media (prefers-color-scheme: dark) {
	:root {
		--primary: #2B2A4C;
		--secondary: #B31312;
		--tertiary: #EA906C;
		--quaternary: #EEE2DE;
		--quaternary-fade: rgba(238, 226, 222, 0.4);
	}
}