:root {
	--dark-color-gold-darkest: #9c7c44;
	--dark-color-gold-darker: #ba9657;
	--dark-color-gold-dark: #d0ab67;
	--dark-color-gold: #e1be7c;
	--dark-color-gold-light: #fad796;
	--dark-color-gold-lighter: #ffe3ae;
	--dark-color-gold-lightest: #ffe7bd;
	--dark-color-gold-ruler: #dec371;
	--dark-color-gold-ruler-light: #a48b41;
	--dark-color-gold-border: #434027;
	--dark-color-orange-darkest: #9c582b;
	--dark-color-orange-darker: #bb713f;
	--dark-color-orange-dark: #d0814d;
	--dark-color-orange: #ec9b65;
	--dark-color-orange-light: #ffb98f;
	--dark-color-orange-lighter: #fdc9a7;
	--dark-color-orange-lightest: #ffdac1;
	--dark-color-blue-darkest: #5253c7;
	--dark-color-blue-darker: #6465d5;
	--dark-color-blue-dark: #7374ea;
	--dark-color-blue: #8a8bff;
	--dark-color-blue-light: #a1a1ff;
	--dark-color-blue-lighter: #aeaeff;
	--dark-color-blue-lightest: #c0c0fd;
	--dark-color-gray: #aaa;
	--dark-color-gray-light: #ccc;
	--dark-color-text-default: #fffef8;
	--dark-color-content-border: #1e1a38;
	--dark-color-content-background: #0A061E;
	--dark-color-body-background: #030309;
	--dark-color-button-border: #4344aa;
	--dark-color-button-background: #171250;
	--dark-color-button-hover-background: #18225a;
	--dark-color-button-hover-border: #6c6de3;
}

@media (prefers-color-scheme: dark) {
	
	:root {
		--color-darken-5: #ffffff0d;
		--color-darken-10: #ffffff19;
		--color-darken-20: #ffffff33;
		--color-darken-30: #ffffff4d;
		--color-darken-40: #ffffff66;
		--color-darken-50: #ffffff7f;
		--color-darken-60: #ffffff99;
		--color-darken-70: #ffffffb3;
		--color-darken-80: #ffffffcc;
		--color-darken-90: #ffffffe6;
		--color-lighten-10: #00000019;
		--color-lighten-20: #00000033;
		--color-lighten-30: #0000004d;
		--color-lighten-40: #00000066;
		--color-lighten-50: #0000007f;
		--color-lighten-60: #00000099;
		--color-lighten-70: #000000b3;
		--color-lighten-80: #000000cc;
		--color-lighten-90: #000000e6;
		--color-red: #ff5c78;
	}

	body {
		background-color: var(--dark-color-body-background);
	}

	.initial::first-letter {
		color: #f7c478;
	}

	.initial.nb::first-letter, .initial.nr::first-letter {
		color: #ffe596;
		background-image: url("/img/vector/initial-border-dark.svg");
	}

	header .header-title {
		background-image: linear-gradient(#600 90%, #1b0631 100%);
	}

	footer .footer-title {
		background-image: linear-gradient(var(--dark-color-body-background) 0%, #600 20%);
	}

	nav {
		background: linear-gradient(#1b0631 0%, var(--dark-color-body-background) 100%);
		padding-bottom: .8em;
	}

	main > .top-border {
		/*height: 9px;*/
		background: linear-gradient(#090210 0%, #900 50%, var(--dark-color-content-background) 100%);
		/*display: inherit;*/
	}

	main > .bottom-border {
		background: linear-gradient(var(--dark-color-content-background) 0%, #500 50%, var(--dark-color-body-background) 100%);
	}

	.content {
		background-color: var(--dark-color-content-background);
		color: var(--dark-color-text-default);
		/*box-shadow: 0 0 5px var(--dark-color-content-border), 0 0 12px var(--dark-color-blue-darkest);*/
		border-color:var(--dark-color-content-border);
		/*border-right: 2pt solid var(--dark-color-content-border);*/
		box-shadow: inset 0 0 12px #000000, inset 0 0 7px #000000;
		/*
		border-top-left-radius: 100px;
		border-top-right-radius: 100px;
		box-shadow: 0 0 5px var(--dark-color-content-border), 0 0 5px var(--dark-color-content-border);
		border: .1em solid var(--dark-color-content-border);
		box-shadow: inset 0 0 5px var(--dark-color-content-border), inset 0 0 5px var(--dark-color-content-border), 0 0 5px var(--dark-color-content-border), 0 0 5px var(--dark-color-content-border);
		box-shadow: none;
		box-shadow: inset 0 0 5px #900, inset 0 0 5px #900, 0 0 5px #900, 0 0 5px #900;
		border: 1pt solid #900;
		 */
	}

	.content-corner, .content-border {
		filter: brightness(.6) hue-rotate(-12deg);
	}

	/*
	.content > .top-border {
		background: linear-gradient(#090210 0%, #900 50%, var(--dark-color-content-background) 100%);
		display: none;
	}
	*/
	@media (max-width: 830px) {
		.content {
			border: none;
			box-shadow: none;
			border-radius: 0;
			/*border-top: .2em solid var(--dark-color-blue-darkest);*/
		}
	}

	h1.page, .heading.page {
		color: #f5bf86;
		text-shadow: 2pt 2pt 3pt var(--dark-color-content-background), 2pt 2pt 2pt #edc189;
	}

	.heading.page.ts-2 {
		text-shadow: 1pt 1pt 2pt var(--dark-color-content-background), 1pt 1pt 1pt #edc189;
	}

	.heading.page.ts-3 {
		text-shadow: 1pt 1pt 2pt var(--dark-color-content-background), 1pt 1pt 1pt #e5cfb3;
	}

	h1.page.home, .heading.page.blue {
		color: #ffbb91 !important;
	}

	hr {
		border-top-color: var(--dark-color-gold-ruler);
	}

	hr.light {
		border-top-color: var(--dark-color-gold-ruler-light);
	}

	hr.double {
		border-bottom-color: var(--dark-color-gold-ruler);
	}

	hr.double.light {
		border-bottom-color: var(--dark-color-gold-ruler-light);
	}

	div.title {
		color: var(--dark-color-gold-light);
	}

	p.text_header {
		color: var(--dark-color-gold);
	}

	x-highlight, span.query {
		color: #fff5cc;
		background-color: #163700;
		border-color: #829f57;
	}

	a:link, a:visited, .anchor, a.xref:link, a.xref:visited {
		color: #a5d5ff;
	}

	a:active, a:hover, a:active .text_header, a:hover .text_header {
		color: #ff98b2;
	}

	.gold-darkest {
		color: var(--dark-color-gold-darkest) !important;
	}

	.gold-darker {
		color: var(--dark-color-gold-darker) !important;
	}

	.gold-dark {
		color: var(--dark-color-gold-dark) !important;
	}

	.gold {
		color: var(--dark-color-gold) !important;
	}

	.gold-light, .goldlight {
		color: var(--dark-color-gold-light) !important;
	}

	.gold-lighter {
		color: var(--dark-color-gold-lighter) !important;
	}

	.gold-lightest {
		color: var(--dark-color-gold-lightest) !important;
	}

	.orange-darkest {
		color: var(--dark-color-orange-darkest) !important;
	}

	.orange-darker {
		color: var(--dark-color-orange-darker) !important;
	}

	.orange-dark {
		color: var(--dark-color-orange-dark) !important;
	}

	.orange {
		color: var(--dark-color-orange) !important;
	}

	.orange-light {
		color: var(--dark-color-orange-light) !important;
	}

	.orange-lighter {
		color: var(--dark-color-orange-lighter) !important;
	}

	.orange-lightest {
		color: var(--dark-color-orange-lightest) !important;
	}

	.blue-dark {
		color: var(--dark-color-blue-dark) !important;
	}

	.blue {
		color: var(--dark-color-blue) !important;
	}

	.blue-light {
		color: var(--dark-color-blue-light) !important;
	}

	.blue-lighter {
		color: var(--dark-color-blue-lighter) !important;
	}

	.blue-lightest {
		color: var(--dark-color-blue-lightest) !important;
	}

	.gray {
		color: var(--dark-color-gray) !important;
	}

	.gray-light {
		color: var(--dark-color-gray-light) !important;
	}

	x-note, .note.popup, .footnote > .name, .footnote-name {
		color: var(--dark-color-gold);
	}

	r.ready:hover, a.xref:hover {
		background-color: #143658;
		color: var(--dark-color-text-default) !important;
	}

	r.selected, .xref.selected {
		background-color: #143658;
	}

	r.found, .xref.found, .word.found {
		background-color: #651d5d;
	}

	input[type=checkbox] {
		border-color: #666;
	}

	input[type=checkbox]:checked {
		background-color: #7f0698;
	}

	.dropup .dropup-content {
		background-color: var(--dark-color-content-background);
		border-color: var(--dark-color-button-border);
	}

	.dropup .dropup-content >* {
		color: var(--dark-color-text-default);
	}

	.dropup .dropup-content >*:not(:last-of-type) {
		border-bottom-color: var(--dark-color-blue-darker);
	}

	.dropup .dropup-content >*:hover {
		background-color: var(--dark-color-button-hover-background);
		filter: brightness(130%);
	}

	.dropup .dropup-content >*.active {
		background-color: var(--dark-color-button-hover-background);
	}

	.dropup .dropup-content >*.active:hover, .dropup:hover .dropup-button {
		background-color: var(--dark-color-button-hover-background);
		filter: brightness(130%);
	}

	.button {
		border-color: var(--dark-color-button-border);
		background: var(--dark-color-button-background);
		color: var(--dark-color-text-default);
	}

	.button:hover, .pagination .button:active {
		background-color: var(--dark-color-button-hover-background);
		border-color: var(--dark-color-button-hover-border);
	}

	.button.disabled {
		/*color: var(--dark-color-gold);*/
	}

	input.text, .editor, select {
		border-color: #9e8e64;
		background-color: #12102b;
	}

	input.optional {
		border-color: #767151;
	}

	input.bible-query, select.bible-translation {
		background-color: var(--dark-color-content-background) !important;
		color: var(--dark-color-text-default);
		border-color: #807047 !important;
	}

	.autocomplete .clear-icon, .search-container .clear-icon {
		background-color: var(--dark-color-content-background);
		box-shadow: -3pt 0 3pt var(--dark-color-content-background);
	}

	.autocomplete .clear-icon.white, .search-container .clear-icon.white {
		background-color: #12102b;
		box-shadow: -3pt 0 3pt #12102b;
	}

	.autocomplete-list {
		border-color: #807047;
		background-color: var(--dark-color-content-background);
		box-shadow: 3px 3px 7px rgba(0,0,0,.2);
	}

	.autocomplete-item:not(:last-of-type) {
		border-bottom-color: #807047;
	}

	.autocomplete-active {
		background-color: #1d2387 !important;
		color: var(--dark-color-text-default);
	}

	.bible-abbr-list {
		background-color: var(--dark-color-content-background);
	}

	.bible-abbr-item {
		background-color: #1c1c4d;
		border-color: #1c1c4d;
	}

	.bible-abbr-item.ot-mose {
		color: #b3d1ff;
	}

	.bible-abbr-item.ot-history {
		color: var(--dark-color-gold-light);
	}

	.bible-abbr-item.ot-text {
		color: #8dfc8d;
	}

	.bible-abbr-item.ot-prophets-1 {
		color: #ff94f9;
	}

	.bible-abbr-item.ot-prophets-2 {
		color: #fdfb8c;
	}

	.bible-abbr-item.nt-history {
		color: #ffb072;
	}

	.bible-abbr-item.nt-acts {
		color: #d1c3ff;
	}

	.bible-abbr-item.nt-epistles-1 {
		color: #f8f187;
	}

	.bible-abbr-item.nt-epistles-2 {
		color: #c1f17c;
	}

	.bible-abbr-item.nt-rev {
		color: #fa86f4;
	}

	.bible-abbr-item.ot-apocrypha-1 {
		color: #abb9ff;
	}

	.bible-abbr-item.ot-apocrypha-2 {
		color: #afb5d1;
	}

	.bible-vers.selected search-highlight {
		/*color: #ffd9e8;*/
		background-color: #271049;
	}

	.bible-copyright {
		color: var(--dark-color-blue-darker);
	}

	.bible-text-container.parallel::before {
		background-image: linear-gradient(180deg, var(--dark-color-content-background), transparent);
	}

	.bible-text-container.parallel::after {
		background-image: linear-gradient(0deg, var(--dark-color-content-background), transparent);
	}

	img.captcha {
		filter: sepia(1) invert() hue-rotate(181deg) brightness(170%);
	}

	.dialog {
		background-color: var(--dark-color-content-background);
		border-color: #9a8461;
		box-shadow: 5px 5px 12px 7px rgba(0, 0, 0, 0.7);
	}

	label.search.active, .search label.active {
		color: #ff7eb2;
	}

	.search-result-header {
		background-color: #34348f;
		border-color: #98c9f9;
	}

	.posting-header {
		background-color: #34348f;
		border-color: #98c9f9;
	}

	.posting-header .last-edit {
		color: var(--dark-color-orange-light);
	}

	.posting-header .subject {
		color: var(--dark-color-gold-lighter);
	}

	.servant-picture:not(.no-border) {
		border-color: #643e23;
		background: #503116;
	}

	.border-box {
		border-color: var(--dark-color-gold-darkest);
	}

	.picture:not(.white-bg) {
		background: #191551;
	}

	img.drawing, .css-invert-png img[src$=".png" i] {
		filter: invert() saturate(90%);
	}

	.nb-holy {
		color: #f5bf86;
		text-shadow: 2pt 2pt 2pt var(--dark-color-content-background), 2pt 2pt 2pt #edc189;
	}

	.nb-itl, .nb-iimhw, .nb-jesus, .nb-maria, .nb-amen {
		color: #f5bf86;
		text-shadow: 1pt -1pt 2pt var(--dark-color-content-background), 1pt -1pt 1pt #edc189;
	}

	.nb-jesus, .nb-maria, .nb-amen {
		text-shadow: 1pt 1pt 2pt var(--dark-color-content-background), 1pt 1pt 1pt #edc189;
	}

	img.nj-schema {
		filter: invert() saturate(90%);
	}

	.nb-cross[src*="cross-blue"] {
		filter: hue-rotate(0deg) brightness(2.2);
	}
}
