@media (prefers-color-scheme: light) {
	:root {
		--dendrit-color-positive: rgb(65, 65, 72);
		--dendrit-color-maybe: rgb(220, 220, 245);
		--dendrit-color-inactive: rgb(199, 199, 221);

		--dendrit-color-button-fg: darkgray;
		--dendrit-color-button-bg: white;

		--dendrit-color-button-fg-contrasted: #9a9da0;
		--dendrit-color-button-bg-contrasted: #212529;

		--dendrit-color-scrollbar: darkgray;
		--dendrit-color-scrollbar-thumb: rgb(57, 57, 57);
		--dendrit-color-scrollbar-track: #9a9da0;

		--dendrit-color-sidebar-bg: #efefef;
		--sidebar-width: 400px;
		--header-height: 50px;
	}
}

@media (prefers-color-scheme: dark) {
	:root {
		--dendrit-color-positive: rgb(220, 220, 245);
		--dendrit-color-maybe: rgb(65, 65, 72);
		--dendrit-color-inactive: rgb(199, 199, 221);

		--dendrit-color-button-fg: white;
		--dendrit-color-button-bg: rgb(57, 57, 57);

		--dendrit-color-button-fg-contrasted: #9a9da0;
		--dendrit-color-button-bg-contrasted: #212529;

		--dendrit-color-scrollbar: #96d5d5;
		--dendrit-color-scrollbar-thumb: #83b7b7;
		--dendrit-color-scrollbar-track: rgb(65, 66, 72);

		--dendrit-color-sidebar-bg: #efefef;
		--sidebar-width: 400px;
		--header-height: 50px;
	}
}