:root {
	color-scheme: light;
	--kpg-mode-paper: #f7f4ee;
	--kpg-mode-ink: #1d1d1b;
	--kpg-mode-muted: #6e6a64;
	--kpg-mode-line: rgba(29, 29, 27, .16);
	--kpg-mode-accent: #a34c32;
}

html[data-kpg-color-scheme="dark"] {
	color-scheme: dark;
	--kpg-mode-paper: #171717;
	--kpg-mode-ink: #f1eee8;
	--kpg-mode-muted: #b7b0a7;
	--kpg-mode-line: rgba(241, 238, 232, .2);
	--kpg-mode-accent: #e29a78;
}

html[data-kpg-color-scheme="dark"],
html[data-kpg-color-scheme="dark"] body,
html[data-kpg-color-scheme="dark"] #main-container,
html[data-kpg-color-scheme="dark"] .site,
html[data-kpg-color-scheme="dark"] .site-main,
html[data-kpg-color-scheme="dark"] .site-footer,
html[data-kpg-color-scheme="dark"] .site-header,
html[data-kpg-color-scheme="dark"] .ct-container,
html[data-kpg-color-scheme="dark"] .ct-panel {
	background: var(--kpg-mode-paper) !important;
	color: var(--kpg-mode-ink) !important;
}

html[data-kpg-color-scheme="dark"] h1,
html[data-kpg-color-scheme="dark"] h2,
html[data-kpg-color-scheme="dark"] h3,
html[data-kpg-color-scheme="dark"] h4,
html[data-kpg-color-scheme="dark"] h5,
html[data-kpg-color-scheme="dark"] h6,
html[data-kpg-color-scheme="dark"] p,
html[data-kpg-color-scheme="dark"] li,
html[data-kpg-color-scheme="dark"] label,
html[data-kpg-color-scheme="dark"] figcaption,
html[data-kpg-color-scheme="dark"] .entry-title,
html[data-kpg-color-scheme="dark"] .entry-content {
	color: var(--kpg-mode-ink) !important;
}

html[data-kpg-color-scheme="dark"] a {
	color: var(--kpg-mode-accent);
}

html[data-kpg-color-scheme="dark"] input,
html[data-kpg-color-scheme="dark"] textarea,
html[data-kpg-color-scheme="dark"] select,
html[data-kpg-color-scheme="dark"] blockquote,
html[data-kpg-color-scheme="dark"] pre,
html[data-kpg-color-scheme="dark"] table,
html[data-kpg-color-scheme="dark"] th,
html[data-kpg-color-scheme="dark"] td,
html[data-kpg-color-scheme="dark"] .ct-card,
html[data-kpg-color-scheme="dark"] .wp-block-group,
html[data-kpg-color-scheme="dark"] .wp-block-cover {
	background: #222 !important;
	color: var(--kpg-mode-ink) !important;
	border-color: var(--kpg-mode-line) !important;
}

html[data-kpg-color-scheme="dark"] img,
html[data-kpg-color-scheme="dark"] video,
html[data-kpg-color-scheme="dark"] iframe {
	opacity: 0.92;
}

.kpg-theme-mode-toggle {
	position: fixed;
	z-index: 1000;
	bottom: 1rem;
	right: 1rem;
	display: inline-flex;
	align-items: center;
	gap: .45rem;
	min-height: 2.35rem;
	padding: .45rem .75rem;
	border: 1px solid var(--kpg-mode-line);
	border-radius: 999px;
	background: var(--kpg-mode-paper);
	color: var(--kpg-mode-ink);
	cursor: pointer;
	font: inherit;
	font-size: .78rem;
	line-height: 1;
	box-shadow: 0 .25rem 1rem rgba(0, 0, 0, .08);
}

.kpg-theme-mode-toggle:hover,
.kpg-theme-mode-toggle:focus-visible {
	border-color: var(--kpg-mode-accent);
	color: var(--kpg-mode-accent);
}

.kpg-theme-mode-toggle-icon {
	font-size: 1rem;
	line-height: 1;
}

@media (max-width: 520px) {
	.kpg-theme-mode-toggle {
		bottom: .75rem;
		right: .75rem;
		min-width: 2.35rem;
		width: 2.35rem;
		padding: 0;
		justify-content: center;
	}

	.kpg-theme-mode-toggle-text {
		position: absolute;
		width: 1px;
		height: 1px;
		padding: 0;
		margin: -1px;
		overflow: hidden;
		clip: rect(0, 0, 0, 0);
		white-space: nowrap;
		border: 0;
	}
}