/* Grayscale theme, matching the snac.minx.cafe treatment. */
:root {
	color-scheme: light dark;
	--main-background: #fff;
	--main-color: #000;
	--sidebar-background: #e3e3e3;
	--expander-background: #b5b5b5;
	--expander-background-hover: #a6a6a6;
	--expander-border: #606060;
	--button-color: #fff;
	--button-background: #000;
	--button-background-hover: #333;
	--button-border: #a0a0a0;
	--danger-button-color: #fff;
	--danger-button-background: #333;
	--danger-button-background-hover: #000;
	--danger-button-border: #a0a0a0;
	--buffer-button-background-hover: #d0d0d0;
	--green: #000;
	--gray: #606060;
	--red: #333;
}
@media (prefers-color-scheme: dark) {
	:root {
		--main-background: #000;
		--main-color: #fff;
		--sidebar-background: #111;
		--expander-background: #333;
		--expander-background-hover: #222;
		--expander-border: #a0a0a0;
		--button-color: #000;
		--button-background: #fff;
		--button-background-hover: #ccc;
		--button-border: #333;
		--danger-button-color: #000;
		--danger-button-background: #ccc;
		--danger-button-background-hover: #fff;
		--danger-button-border: #333;
		--buffer-button-background-hover: #222;
		--green: #fff;
		--gray: #a0a0a0;
		--red: #ccc;
	}
}

html { scrollbar-color: var(--gray) transparent; }
a { color: currentColor; }
#buffer a:not(.nick):hover,
#buffer a:not(.nick):active {
	background: var(--main-color);
	color: var(--main-background);
	text-decoration: none;
}

/* Kill the remaining hardcoded colors in Gamja. */
#buffer .error,
.error-text,
#buffer-list li.error a,
#buffer .me-tell,
#buffer-list li.unread-message a,
#buffer-list li.unread-highlight a,
#buffer .date-separator,
#buffer .unread-separator,
#buffer-header .status-gone,
#buffer-header .status-offline,
.membership,
.membership.owner,
.membership.admin,
.membership.operator,
.membership.halfop,
.membership.voice,
#buffer [class*="nick-"] {
	color: var(--gray);
}
#buffer .error,
.error-text,
#buffer-list li.error a { color: var(--main-color); }
#buffer .highlight .nick {
	color: var(--main-background);
	background-color: var(--main-color);
}
#buffer .date-separator:before,
#buffer .date-separator:after,
#buffer .unread-separator:before,
#buffer .unread-separator:after { border-color: var(--gray); }
#error-msg {
	color: var(--main-background);
	background-color: var(--main-color);
}
#error-msg a { color: inherit; }

form input[type=text],
form input[type=username],
form input[type=password],
form input[type=url],
form input[type=email],
form input[type=search] {
	color: var(--main-color);
	background: var(--main-background);
	border: 1px solid var(--gray);
}
kbd {
	color: var(--main-color);
	background-color: transparent;
	border-color: var(--gray);
	box-shadow: none;
}
img { filter: grayscale(1); }