:root{
	/* background */
	--1d2021: #eff1f5;
	--282828: #eff1f5;
	--3c3836: #dce0e8;
	--504945: #5c5f77;
	/* font */
	--928374: #8c8fa1;
	--a89984: #4c4f69;
	--bdae93: #4c4f69;
	--8ec07c: #df8e1d;
	--ebdbb2: #4c4f69;
	/* code highlighter */
	--comment: #e64553;
	--default: #eff1f5;
	--keyword: #df8e1d;
	--string:  #209fb5;
}

@media (prefers-color-scheme: dark) {
	:root{
		/* background */
		--1d2021: #1e1e2e;
		--282828: #313244;
		--3c3836: #45475a;
		--504945: #585b70;
		/* font */
		--928374: #bac2de;
		--a89984: #a6adc8;
		--bdae93: #cdd6f4;
		--8ec07c: #a6e3a1;
		--ebdbb2: #f9e2af;
		/* code highlighter */
		--comment: #f5e0dc;
		--default: #f2cdcd;
		--keyword: #fab387;
		--string:  #74c7ec;
	}
}