/*! CJCid colours
    Author: Chris Cid
    URI: www.cjcid.com
—————————————————————— */

:root {
	--orange-color: #ea883c;
	--orange-quarter-rgba: 234, 136, 60, .25;
	--text-color: #1f130a;
	--text-semi-rgba: 31, 19, 10, .75;
	--link-color: #004c98;
	--link-decoration-rgba: 0, 76, 152, .65;
	--link-decoration-semi-rgba: 0, 76, 152, .25;
	--body-background-color: #eae5e1;
	--body-foreground-color: white;
	--logo-gradient-center: 255, 255, 255, .5;
	--logo-gradient-edge: 255, 255, 255, 0;
	--logo-face-color: #1f130a;
	--selection-color: black;
	--selection-bg-color: #fae1ce;
	--strikethrough-color: #570015;
	--nav-color: #525252;
	--nav-focus-color: #b86b30;
	--nav-border-color: #ededed;
	--pre-background-color: #faf7f5;
	--logo-border-focus-color: #ea883c;
}
@media(prefers-color-scheme:dark) {
	:root {
		--text-color: white;
		--text-semi-rgba: 255, 255, 255, .75;
		--link-color: #72ade5;
		--link-decoration-rgba: 114, 173, 229, .8;
		--link-decoration-semi-rgba: 114, 173, 229, .4;
		--body-background-color: #36291e;
		--body-foreground-color: #120d09;
		--logo-gradient-center: 18, 13, 9, .5;
		--logo-gradient-edge: 18, 13, 9, 0;
		--logo-face-color: #ea883c;
		--selection-color: white;
		--selection-bg-color: #442d1a;
		--strikethrough-color: #e5cfd4;
		--nav-color: #a8a8a8;
		--nav-focus-color: #eac09f;
		--nav-border-color: #363636;
		--pre-background-color: #292520;
		--logo-border-focus-color: white;
	}
	.icon-sagari-fuji { filter: invert(100%); }
}

html,
a[rel='bookmark'] { color: var(--text-color); }
body { background-color: var(--body-background-color); }
.inner { background-color: var(--body-foreground-color); }

:focus { outline-color: var(--orange-color); }
::selection { color: var(--selection-color); background-color: var(--selection-bg-color); background-color: rgba(var(--orange-quarter-rgba)); }
a { -webkit-tap-highlight-color: rgba(var(--orange-quarter-rgba)); color: var(--link-color); text-decoration-color: rgba(var(--link-decoration-rgba)); background-color: transparent; }
a:hover,
a:focus { text-decoration-color: currentcolor; }
mark { background-color: #fae105; }
mark::selection { color: white; background-color: var(--orange-color); }
s,
del { text-decoration-color: #c20025; }
del,
rt { color: rgba(var(--text-semi-rgba)); }
s { color: var(--strikethrough-color); }
u { text-decoration-color: var(--orange-color); }
del { background-color: rgba(194, 0, 37, .1); }
ins { text-decoration-color: #00c25e; background-color: rgba(0, 194, 94, .15); }
hr { color: var(--orange-color); }
blockquote::before { background-color: rgba(var(--orange-quarter-rgba)); }
pre { border-color: var(--body-background-color); background-color: var(--pre-background-color); }
thead th { border-color: #d1c1b4; }
tbody th,
tbody td { border-color: var(--body-background-color); }
.anchor a { color: currentcolor; text-decoration-color: rgba(var(--link-decoration-semi-rgba)); }
.anchor a:hover,
.anchor a:focus { color: var(--link-color); text-decoration-color: var(--link-color); }
.anchor:target a { color: var(--text-color); }
.anchor::before { color: var(--body-background-color); }
.anchor a:hover,
.anchor a:focus { color: var(--link-color); }
.anchor:target::before { color: var(--orange-color); }
a[rel~=noopener]::after { color: rgba(var(--link-decoration-semi-rgba)); }
a[rel~=noopener]:hover::after,
a[rel~=noopener]:focus::after { color: var(--orange-color); }

.logo-cjcid {
	border-color: var(--logo-face-color);
	background-color: var(--body-foreground-color);
	background: radial-gradient(ellipse at center, rgba(var(--logo-gradient-center)) 50%, rgba(var(--logo-gradient-edge)) 100%);
}
.logo-cjcid-path { fill: var(--logo-face-color); }
a:hover .logo-cjcid,
a:focus .logo-cjcid { border-color: var(--logo-border-focus-color); }
.main-navigation { border-bottom: .028rem solid var(--nav-border-color); }
.main-navigation a { color: var(--nav-color); }
.main-navigation svg { fill: var(--nav-color); }
.main-navigation a:hover,
.main-navigation a:focus,
.main-navigation a.active:hover,
.main-navigation a.active:focus { text-decoration: underline; text-decoration-color: var(--orange-color); color: var(--nav-focus-color); }
.main-navigation a:hover svg,
.main-navigation a:focus svg,
.main-navigation a.active:hover svg,
.main-navigation a.active:focus svg { fill: var(--orange-color); }
.main-navigation a.active { text-decoration: overline; text-decoration-color: rgba(var(--orange-quarter-rgba)); color: var(--nav-focus-color); }
.main-navigation a.active svg { fill: var(--logo-face-color); }

.footer { color: var(--nav-color); }
.footer small { border-color: var(--body-background-color); }

.home-lists h2 { color: var(--nav-color); }
.items-navigation a,
.items-navigation.products a h2,
.home-lists .items-navigation.products a strong { color: currentcolor; text-decoration-color: rgba(var(--link-decoration-rgba)); }
.items-navigation a:hover,
.items-navigation a:focus { color: var(--link-color); text-decoration-color: var(--link-color); }