:root,:root.automode,:root.darkmode {
	--color-b-1: #49433a;
	--color-b-2: #343029;
	--color-b-3: #2b2722;
	--color-b-4: #221f1a;
	--color-b-5: #1a1814;

	--color-f-1: #ebe9e5;
	--color-f-2: #e5e2dd;
	--color-f-3: #ddd9d4;
	--color-f-4: #d6d2cb;
	--color-f-5: #c5bfb6;

	--color-n: #878178;

	--color-ee: #a8ddcb;
	--color-e: #7fe0be;
	--color-h: #35b087;
	--color-l: #275a48;
	--color-ll: #223f35;
	
	--hue-rotate: 118deg;
	--spiresUrl: url('/static/img/spires-a-d.jpg');
	--prlxUrl:	url('/static/img/prlx2-a-d.png');

	--color-h-0: #aad5c7;
	--color-h-1: #8eb2a6;
	--color-h-2: #7d9d92;
	--color-h-3: #76948a;
	--color-h-4: #6e8b81;
	--color-h-5: #688379;
}
:root.lightmode {
	--color-b-1:	#ebe9e5;
	--color-b-2:	#e5e2dd;
	--color-b-3:	#ddd9d4;
	--color-b-4:	#d6d2cb;
	--color-b-5:	#c5bfb6;

	--color-f-1:	#49433a;
	--color-f-2:	#343029;
	--color-f-3:	#2b2722;
	--color-f-4:	#221f1a;
	--color-f-5:	#1a1814;

	--color-n:	#878178;

	--color-ee:		#223f35;
	--color-e:		#275a48;
	--color-h:		#35b087;
	--color-l:		#7fe0be;
	--color-ll:		#a8ddcb;
	--spiresUrl:	url('/static/img/spires-a-l.jpg');
	--prlxUrl:	url('/static/img/prlx2-a-l.png');

	--color-h-0: #2a5547;
	--color-h-1: #7c978d;
	--color-h-2: #749187;
	--color-h-3: #6b897f;
	--color-h-4: #628277;
	--color-h-5: #4d7165;
}
@media screen and (prefers-color-scheme: light){
	:root.automode{
		--color-b-1: #ebe9e5;
		--color-b-2: #e5e2dd;
		--color-b-3: #ddd9d4;
		--color-b-4: #d6d2cb;
		--color-b-5: #c5bfb6;

		--color-f-1: #49433a;
		--color-f-2: #343029;
		--color-f-3: #2b2722;
		--color-f-4: #221f1a;
		--color-f-5: #1a1814;

		--color-n: #878178;

		--color-ee: #223f35;
		--color-e: #275a48;
		--color-h: #35b087;
		--color-l: #7fe0be;
		--color-ll: #a8ddcb;
		--spiresUrl: url('/static/img/spires-a-l.jpg');
		--prlxUrl:	url('/static/img/prlx2-a-l.png');

		--color-h-0: #2a5547;
		--color-h-1: #7c978d;
		--color-h-2: #749187;
		--color-h-3: #6b897f;
		--color-h-4: #628277;
		--color-h-5: #4d7165;
	}
}
:root{--theme-logo-url: url('/static/img/nc-logo-a.png');}

a#niion{
	background-image: url('/static/img/i/niion-o-a.png');
}
.sitenav a#niion,a#niion:active{
	background-image: url('/static/img/i/niion-i-a.png');
}
a#search{
	background-image: url('/static/img/i/search-o-a.png');
}
a#search.active,a#search:active{
	background-image: url('/static/img/i/search-i-a.png');
}
a#feed{
	background-image: url('/static/img/i/feed-o-a.png');
}
a#feed.active,a#feed:active{
	background-image: url('/static/img/i/feed-i-a.png');
}
a#user{
	background-image: url('/static/img/i/user-o-a.png');
}
a#user.active,a#user:active{
	background-image: url('/static/img/i/user-i-a.png');
}

html.auth a#niion{
	background-image: url('/static/img/i/lock-o-a.png');
}
html.auth a#niion.active,html.auth a#niion:active{
	background-image: url('/static/img/i/lock-o-a.png');
}

.auth .dial h3{
	background-image: var(--theme-logo-url);
}