@import url("color-defs.css");
@import url("colors-tags.css");

:root
{
	background-color: var(--mainbg);
	color: var(--maintext);
}

header
{
	background-color: var(--headerbg);
	border-bottom-color: var(--accent1);
}

header a.siteTitle
{
	color: var(--maintext);
}

header #search-container form input
{
	background-color: var(--search);
	color: var(--maintext);
}

header #search-container form input:focus-visible
{
	outline: 2px solid var(--accent1);
	outline-offset: 3px;
}

header #search-results
{
	background-color: var(--darkbg);
}

header #search-results #results a
{
	color: var(--accent1);
}

.product-header
{
	background-color: var(--darkbg);
}

.mainContent a, #featuredArticles ul li a, #generalArticles li a
{
	color: var(--accent1);
}

body.toc #TableOfContents
{
	background-color: var(--darkbg);
}

#TableOfContents a
{
	color: var(--maintext);
}

#TableOfContents ul li .tocCurrentHeader {
	color: var(--accent2);
	animation-name: colorchange;
	animation-duration: 0.25s;
}

@keyframes colorchange {
	from {
		color: var(--maintext);
	}

	to {
		color: var(--accent2);
	}
}

.breadcrumb, .breadcrumb a
{
	color: var(--maintext);
}

blockquote
{
	background-color: var(--note);
	color: var(--maintext);
	border-left-color: var(--redaccent);
}

hr
{
	border-bottom-color: var(--search);
}

.lastUpdate, footer p
{
	color: var(--fadedtext);
}

code, pre
{
	background-color: var(--darkbg);
}

code
{
	color: var(--code);
}

h1
{
	color: var(--accent2);
}

h2
{
	color: var(--accent3);
}

.postBody dt, .postBody dd
{
	border-left-color: var(--redaccent);
}

.iconTinted
{
	background-color: var(--maintext);
}

.collapsible
{
	background-color: var(--darkbg);
	color: var(--maintext);
}

.collapsibleContent
{
	background-color: var(--darkbg);
}

.postBody th
{
	border-bottom-color: var(--accent1);
}

.postBody th, .postBody tr:nth-child(even)
{
	background-color: var(--darkbg);
}

.cat-nova a, .nova .articleList a, #product-header-nova a, .nova .mainContent .postWrapper .postBody h1, .nova .mainContent .postWrapper .postBody h2
{
	color: var(--novacolor);
}

.cat-transmit a, .transmit .articleList a, .transmit-ios .articleList a, #product-header-transmit a, #product-header-transmit-ios a, .transmit .mainContent .postWrapper .postBody h1, .transmit .mainContent .postWrapper .postBody h2, .transmit-ios .mainContent .postWrapper .postBody h1, .transmit-ios .mainContent .postWrapper .postBody h2
{
	color: var(--transmitcolor);
}

.cat-prompt a, .prompt .articleList a, #product-header-prompt a, .prompt .mainContent .postWrapper .postBody h1, .prompt .mainContent .postWrapper .postBody h2
{
	color: var(--promptcolor);
}

.cat-coda a, .coda .articleList a, #product-header-coda a, .coda .mainContent .postWrapper .postBody h1, .coda .mainContent .postWrapper .postBody h2
{
	color: var(--codacolor);
}

.cat-code-editor a, .code-editor .articleList a, #product-header-code-editor a, .code-editor .mainContent .postWrapper .postBody h1, .code-editor .mainContent .postWrapper .postBody h2
{
	color: var(--codacolor);
}

.cat-statusboard a, .statusboard .articleList a, #product-header-statusboard a, .statusboard .mainContent .postWrapper .postBody h1, .statusboard .mainContent .postWrapper .postBody h2
{
	color: var(--statusboardcolor);
}

.cat-sync a, .sync .articleList a, #product-header-sync a, .sync .mainContent .postWrapper .postBody h1, .sync .mainContent .postWrapper .postBody h2
{
	color: var(--synccolor);
}

.cat-general h1 a
{
	color: var(--accent2);
}

/* Release Notes */

.releasenotes h3[id|="added"],
.releasenotes h3[id|="new"],
.releasenotes h3[id|="fixed"],
.releasenotes h3[id|="improved"],
.releasenotes h3[id|="fixed--improved"],
.releasenotes h3[id|="removed"],
.releasenotes h3[id|="修正"],
.releasenotes h3[id|="変更"],
.releasenotes h3[id|="改良と問題の修正"],
.releasenotes h3[id|="改良"],
.releasenotes h3[id|="新機能"]
{
	color: #000;
}

.releasenotes h3[id|="added"], .releasenotes h3[id|="new"], .releasenotes h3[id|="新機能"]
{
	background: var(--newcolor) !important;
}

.releasenotes h3[id|="fixed"], .releasenotes h3[id|="fixed--improved"], .releasenotes h3[id|="改良と問題の修正"], .releasenotes h3[id|="修正"]
{
	background: var(--fixedcolor) !important;
}

.releasenotes h3[id|="improved"], .releasenotes h3[id|="改良"]
{
	background: var(--improvedcolor) !important;
}

.releasenotes h3[id|="removed"], .releasenotes h3[id|="変更"]
{
	background: var(--removedcolor) !important;
}