:root {
	--bod_col: steelblue;
	--main_col: seashell;
	--cont_col: slategray;
	--head_col: navy;
	--here_col: mediumblue;
	--hover_col: darkkhaki;
	--base_col: darkgray;
	--odd_col: gray;
	--even_col: dimgray;
	--text_col: black;
	--label_col: white;
	--field_col: linen;
	--ld_col: purple;
	--ld_hover_col: orange;
}

/*
@media (prefers-color-scheme: dark) {
	:root {
		--bod_col: steelblue;
		--main_col: seashell;
		--cont_col: slategray;
		--head_col: navy;
		--here_col: mediumblue;
		--hover_col: darkkhaki;
		--base_col: darkgray;
		--odd_col: gray;
		--even_col: dimgray;
		--text_col: black;
		--label_col: white;
		--field_col: linen;
		--ld_col: purple;
		--ld_hover_col: orange;
	}
}

html.dark_override {
	--bod_col: steelblue !important;
	--main_col: seashell !important;
	--cont_col: slategray !important;
	--head_col: navy !important;
	--here_col: mediumblue !important;
	--hover_col: darkkhaki !important;
	--base_col: darkgray !important;
	--odd_col: gray !important;
	--even_col: dimgray !important;
	--text_col: black !important;
	--label_col: white !important;
	--field_col: linen !important;
	--ld_col: purple;
	--ld_hover_col: orange;
}

html.light_override {
	--bod_col: steelblue !important;
	--main_col: seashell !important;
	--cont_col: slategray !important;
	--head_col: navy !important;
	--here_col: mediumblue !important;
	--hover_col: darkkhaki !important;
	--base_col: darkgray !important;
	--odd_col: gray !important;
	--even_col: dimgray !important;
	--text_col: black !important;
	--label_col: white !important;
	--field_col: linen !important;
	--ld_col: purple;
	--ld_hover_col: orange;
}
*/

body {
	color: var(--text_col);
	background-color: var(--bod_col);
	font-family: "Times New Roman", Times, serif;
}

main {
	background-color: var(--main_col);
}

header, footer {
	background-color: var(--head_col);
	color: var(--label_col);
}

fieldset {
	background-color: var(--field_col);
}

.drop_button, .link_button {
	background-color: var(--base_col);
	color: var(--label_col);
	transition: background-color 0.2s;
}

.light_dark_button {
	background-color: var(--ld_col);
	transition: background-color 0.2s;
}

.light_dark_button:hover, .light_dark_button:focus {
	background-color: var(--ld_hover_col);
}

.drop_button, .link_button, .drop_cont {
	font-family: arial, helvetica, "Open Sans";
}

.link_button:hover, .link_button:focus, .drop_cont a:hover, .drop_cont a:focus {
	background-color: var(--hover_col);
}

.dropdown:hover .drop_button, .dropdown:focus-within .drop_button{
	background-color: var(--hover_col);
}

.dropdown:focus-within .drop_button {
	background-color: var(--hover_col);
}

.dropdown:hover .drop_button {
	background-color: var(--hover_col);
}

.drop_cont_odd {
	background-color: var(--odd_col);
}

.drop_cont_even {
	background-color: var(--even_col);
}

.dropdown:focus-within .drop_cont {
	display: block;
}

.here_bg_col {
	background-color: var(--here_col);
}

.lgt_links {
	color: white;
}