@charset "UTF-8";

@media (prefers-color-scheme: dark) {
	:root {
		--text-color: #c5bbab;
		--text-color-hover: #e9ddc9;
		--text-color-active: #9f9686;
		--text-notice-color: #7e6a5b;
		--text-warning-color: #df2020;
		--text-selected-color: #c90000;
		--text-selected-background-color: #3a0909;

		--link-color: #b97a4b;
		--link-color-hover: #dd8e54;
		--link-color-active: #a16438;

		--button-background-color: #9f9b39;
		--section-border-color: #593535;
		--section-block-background-color: #592727;
		/* --section-background-color: #593535; */
		--section-background-color: #4d2323;

		--section-menu-button-color: #fbffb6;
		--section-menu-button-background-color-hover: #592c2c;
		--section-menu-button-background-color-active: #412222;
		/* --section-menu-button-background-color-selected: #412222; */
		/* --section-menu-button-background-color-selected: #220c0c; */
		--section-menu-button-background-color-selected: #5b3d2b;
		/* --section-menu-background-color: #4b2828; */
		/* --section-menu-background-color: #311515; */
		--section-menu-background-color: #4f2b22;

		--section-timeline-background-color: #143531;
		--section-timeline-button-color: #859779;
		--section-timeline-button-color-hover: #96ab89;
		--section-timeline-button-color-active: #67755e;
		--section-timeline-button-selected-color: #b0b966;
		--section-timeline-button-selected-color-hover: #d1db7a;
		--section-timeline-button-selected-color-active: #989f5b;

		--section-aside-button-color: #fbffb6;
		--section-aside-button-background-color: rgb(255 237 189 / 30%);
		--section-aside-button-background-color-hover: rgb(77 9 9 / 70%);
		--section-aside-button-background-color-active: rgb(77 9 9 / 70%);
		--header-background-color: #1e0a0a;
		--footer-background-color: #1e0a0a;

		--diagram-text-color: #c3a275;
		--diagram-text-color-hover: #e5bb83;
		--diagram-text-color-active: #b99565;
		--diagram-color-blue: #303032;
		--diagram-color-white: #a4bd93;
		--diagram-color-white-hover: #bee5a3;
		--diagram-color-white-active: #8ca57a;
		--diagram-color-0: #572626;
		--diagram-color-1: #572b2b;
		--diagram-color-2: #552828;
		--diagram-color-3: #5f2b2b;
		--diagram-color-4: #6d3030;
		--diagram-color-5: #773636;
		--diagram-color-6: #893737;
		--diagram-legend-text-color: #7c7b61;
		--diagram-legend-color-0: #461d1d;

		color: var(--text-color);

		/* --background-color: #654949; */
		/* --background-color: #6f3d3d; */
		--background-color: #402821;
		--background-color-top: #402821;
		--background-color-bottom: #2a1414;
	}
}

@media (prefers-color-scheme: light) {
	:root {
		--text-color: black;
		--title-background: blue;
		--section-background: blue;

		color: var(--text-color);
	}
}
