:root {
	--pcg-page-canvas: #f5faf7;
	--pcg-content-surface: #ffffff;
	--pcg-header-surface: #e4f0e9;
	--pcg-header-text: #294c41;
	--pcg-header-input-border: #9ec6b4;
	--pcg-toc-surface: #eef6f1;
	--pcg-toc-active-surface: #d9ece2;
	--pcg-toc-hover-surface: #e2f0e8;
	--pcg-toc-border: #b9d8ca;
	--pcg-toc-text: #263c35;
	--pcg-toc-accent: #2f6b58;
	--pcg-toc-link: #244f40;
	--pcg-toc-link-active: #173f31;
}

body:not(.wp-admin) {
	background-color: var(--pcg-page-canvas);
}

body:not(.wp-admin) .wp-site-blocks,
body:not(.wp-admin) main {
	background-color: transparent;
}

body:not(.wp-admin) header.wp-block-template-part > .wp-block-group.has-background {
	box-sizing: border-box;
	background-color: var(--pcg-header-surface) !important;
	border-bottom: 1px solid var(--pcg-toc-border);
}

body:not(.wp-admin) header.wp-block-template-part .wp-block-navigation-item__content {
	color: var(--pcg-header-text);
}

body:not(.wp-admin) header.wp-block-template-part input,
body:not(.wp-admin) header.wp-block-template-part textarea,
body:not(.wp-admin) header.wp-block-template-part select {
	background-color: var(--pcg-content-surface) !important;
	border-color: var(--pcg-header-input-border) !important;
	color: var(--pcg-toc-text) !important;
}

body:not(.wp-admin) header.wp-block-template-part .wp-block-navigation__submenu-container {
	background-color: var(--pcg-content-surface) !important;
	border-color: var(--pcg-toc-border) !important;
}

body:not(.wp-admin) header.wp-block-template-part .wp-block-navigation__responsive-container.is-menu-open {
	background-color: var(--pcg-header-surface) !important;
	color: var(--pcg-header-text) !important;
}

body:not(.wp-admin) header.wp-block-template-part a:focus-visible,
body:not(.wp-admin) header.wp-block-template-part input:focus-visible,
body:not(.wp-admin) header.wp-block-template-part textarea:focus-visible,
body:not(.wp-admin) header.wp-block-template-part select:focus-visible {
	outline: 3px solid var(--pcg-toc-accent);
	outline-offset: 3px;
}

body[class*="single-epkb_post_type_"] #eckb-article-content {
	background-color: var(--pcg-content-surface);
}

.eckb-article-toc .eckb-article-toc__inner {
	background-color: var(--pcg-toc-surface) !important;
	border-color: var(--pcg-toc-border) !important;
}

.eckb-article-toc .eckb-article-toc__title {
	color: var(--pcg-toc-accent) !important;
	border-color: var(--pcg-toc-border) !important;
}

.eckb-article-toc .eckb-article-toc__inner,
.eckb-article-toc .eckb-article-toc__inner p,
.eckb-article-toc .eckb-article-toc__inner li {
	color: var(--pcg-toc-text) !important;
}

.eckb-article-toc .eckb-article-toc__inner a {
	color: var(--pcg-toc-link) !important;
	text-decoration-color: currentColor;
}

.eckb-article-toc .eckb-article-toc__inner a:hover,
.eckb-article-toc .eckb-article-toc__inner a:focus-visible {
	background-color: var(--pcg-toc-hover-surface) !important;
	color: var(--pcg-toc-link-active) !important;
}

.eckb-article-toc .eckb-article-toc__inner a.active,
.eckb-article-toc .eckb-article-toc__inner a[aria-current="true"] {
	background-color: var(--pcg-toc-active-surface) !important;
	color: var(--pcg-toc-link-active) !important;
	font-weight: 700;
}

.eckb-article-toc .eckb-article-toc__inner a:focus-visible {
	outline: 3px solid var(--pcg-toc-accent);
	outline-offset: 3px;
}