:root {
	--background-body: #fff;
	--background: #efefef;
	--background-alt: #f7f7f7;
	--selection: #9e9e9e;
	--text-main: #363636;
	--text-bright: #000;
	--text-muted: #70777f;
	--links: #00adb5;
	--focus: #02969d;
	--border: #dbdbdb;
	--code: #000;
	--animation-duration: 0.1s;
	--button-base: #d0cfcf;
	--button-hover: #9b9b9b;
	--scrollbar-thumb: #aaa;
	--scrollbar-thumb-hover: var(--button-hover);
	--form-placeholder: #949494;
	--form-text: #1d1d1d;
	--variable: #39a33c;
	--highlight: #ff0;
	--select-arrow: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='63' width='117' fill='%23161f27'%3E%3Cpath d='M115 2c-1-2-4-2-5 0L59 53 7 2a4 4 0 00-5 5l54 54 2 2 3-2 54-54c2-1 2-4 0-5z'/%3E%3C/svg%3E");
}

@media (prefers-color-scheme: dark) {
	:root {
		--background-body: #222831;
		--background: #222831;
		--background-alt: #222831;
		--selection: #1c76c5;
		--text-main: #dbdbdb;
		--text-bright: #fff;
		--text-muted: #a9b1ba;
		--links: #00adb5;
		--focus: #02969d;
		--border: #526980;
		--code: #ffbe85;
		--animation-duration: 0.1s;
		--button-base: #0c151c;
		--button-hover: #040a0f;
		--scrollbar-thumb: var(--button-hover);
		--scrollbar-thumb-hover: #000;
		--form-placeholder: #a9a9a9;
		--form-text: #fff;
		--variable: #d941e2;
		--highlight: #efdb43;
		--select-arrow: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='63' width='117' fill='%23efefef'%3E%3Cpath d='M115 2c-1-2-4-2-5 0L59 53 7 2a4 4 0 00-5 5l54 54 2 2 3-2 54-54c2-1 2-4 0-5z'/%3E%3C/svg%3E");
	}
}