/**
 * Dark color scheme: warm plum / violet surfaces (not grayscale).
 * Activated via html[data-color-scheme="dark"]. Contrast targets WCAG AA.
 */

html[data-color-scheme="dark"] {
	color-scheme: dark;
	--lc-focus-ring: #f0c752;
	--lc-page-v-border: color-mix(in srgb, #a090c0 40%, #4b2c5e 60%);
}

/* Outer gutter: flat base + brush SVG (same 5s reveal as light) */
html[data-color-scheme="dark"] html {
	background-color: #0d080f;
}

html[data-color-scheme="dark"] body {
	background: transparent;
	color: #ede4f5;
}

html[data-color-scheme="dark"] body::before {
	background-color: #0d080f;
}

html[data-color-scheme="dark"] body::after {
	background-image: url("../images/gutter-brush-strokes-dark.svg");
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	opacity: 0;
	animation: lc-gutter-brush-reveal 5s ease forwards;
}

@media (prefers-reduced-motion: reduce) {
	html[data-color-scheme="dark"] body::after {
		animation: none;
		opacity: 1;
	}
}

html[data-color-scheme="dark"] .wp-site-blocks {
	position: relative;
	z-index: 0;
	max-width: var(--lc-page-max, 1300px);
	margin-left: auto;
	margin-right: auto;
	padding-left: var(--lc-page-inline-padding, 10px);
	padding-right: var(--lc-page-inline-padding, 10px);
	box-sizing: border-box;
	background-color: #1a1220;
	color: #ede4f5;
	border-left: 2px solid var(--lc-page-v-border);
	border-right: 2px solid var(--lc-page-v-border);
	box-shadow: 0 0 0 1px color-mix(in srgb, #ede4f5 12%, transparent);
	background-image: repeating-linear-gradient(
		122deg,
		transparent,
		transparent 3px,
		color-mix(in srgb, #ede4f5 3%, transparent) 3px,
		color-mix(in srgb, #ede4f5 3%, transparent) 4px
	);
}

/* Block preset text colors (theme.json slugs) */
html[data-color-scheme="dark"] .lc-sketch-rule {
	opacity: 0.9;
}

html[data-color-scheme="dark"] .has-base-color {
	color: #f4d03c !important;
}

html[data-color-scheme="dark"] .has-contrast-color {
	color: #ede4f5 !important;
}

html[data-color-scheme="dark"] .has-primary-color {
	color: #ffb86b !important;
}

html[data-color-scheme="dark"] .has-muted-color {
	color: #c4a8d8 !important;
}

html[data-color-scheme="dark"] .has-border-color {
	color: #9d7fb0 !important;
}

html[data-color-scheme="dark"] .has-accent-magenta-color {
	color: #ff7eb3 !important;
}

/* Links (global + blocks) */
html[data-color-scheme="dark"] a:where(:not(.wp-element-button):not(.lc-segmented__btn)) {
	color: #f0c752;
}

html[data-color-scheme="dark"] .has-link-color a {
	color: #f0c752;
}

html[data-color-scheme="dark"] a:where(:not(.wp-element-button):not(.lc-segmented__btn)):hover,
html[data-color-scheme="dark"] a:where(:not(.wp-element-button):not(.lc-segmented__btn)):focus {
	color: #ffe08a;
}

/* Headings */
html[data-color-scheme="dark"] h1,
html[data-color-scheme="dark"] h2,
html[data-color-scheme="dark"] h3,
html[data-color-scheme="dark"] h4 {
	color: #fbe9ff;
}

html[data-color-scheme="dark"] .lc-sidebar .wp-block-heading {
	color: #ffb86b;
}

html[data-color-scheme="dark"] .lc-sidebar .wp-block-latest-posts__post-date {
	color: #c4b8d4;
}

/* Header (doodle strip replaces bottom border; colors set in JS) */
html[data-color-scheme="dark"] .lc-header-search .wp-block-search__label {
	color: #f0e4f8;
}

html[data-color-scheme="dark"] .wp-block-search .wp-block-search__input,
html[data-color-scheme="dark"] .lc-header-search .wp-block-search__input {
	background-color: #261a30;
	color: #ede4f5;
	border-color: #8b6f9e;
}

html[data-color-scheme="dark"] .wp-block-search .wp-block-search__input:focus-visible,
html[data-color-scheme="dark"] .lc-header-search .wp-block-search__input:focus-visible {
	outline-color: var(--lc-focus-ring);
}

html[data-color-scheme="dark"] .wp-block-search .wp-block-search__button,
html[data-color-scheme="dark"] .wp-block-search__button {
	background-color: #b03060;
	color: #ffffff;
	border-color: #b03060;
}

/* Skip link: outline matches focus background */
html[data-color-scheme="dark"] .lc-skip-link:focus {
	background-color: #f0c752;
	color: #1a1220;
	border-radius: 5px;
	outline: 2px solid #f0c752;
	outline-offset: 2px;
}

/* Random highlight: dark card, light text (AA on terracotta accent border) */
html[data-color-scheme="dark"] .lc-random-highlight {
	background-color: #2a222f;
	border-color: #e89a4a;
	border-left-color: #d2691e;
	color: #f3edf7;
}

html[data-color-scheme="dark"] .lc-random-highlight h2.lc-random-highlight__label,
html[data-color-scheme="dark"] .lc-random-highlight h3.lc-random-highlight__post-title {
	color: #fff8f5;
}

html[data-color-scheme="dark"] .lc-random-highlight__excerpt {
	color: #ebe4f0;
}

html[data-color-scheme="dark"] .lc-random-highlight__post-title a,
html[data-color-scheme="dark"] .lc-random-highlight__more a,
html[data-color-scheme="dark"] .lc-random-highlight__excerpt a {
	color: #ffc86b;
}

html[data-color-scheme="dark"] .lc-random-highlight__post-title a:hover,
html[data-color-scheme="dark"] .lc-random-highlight__post-title a:focus,
html[data-color-scheme="dark"] .lc-random-highlight__more a:hover,
html[data-color-scheme="dark"] .lc-random-highlight__excerpt a:hover {
	color: #ffffff;
}

html[data-color-scheme="dark"] .lc-random-highlight__meta {
	color: #c9bcc8;
}

/* Post title focus / target */
html[data-color-scheme="dark"] .single-post .wp-block-post-title:target,
html[data-color-scheme="dark"] article.post .wp-block-post-title:target {
	border-radius: 5px;
	outline: 2px solid #ff8ec4;
	outline-offset: 2px;
	background-color: color-mix(in srgb, #b03060 22%, transparent);
}

html[data-color-scheme="dark"] .single-post .wp-block-post-title:focus-visible,
html[data-color-scheme="dark"] article.post .wp-block-post-title:focus-visible {
	border-radius: 5px;
	outline: 2px solid var(--lc-focus-ring);
	outline-offset: 2px;
	background-color: color-mix(in srgb, var(--lc-focus-ring) 16%, transparent);
}

/* Code + quote */
html[data-color-scheme="dark"] .wp-block-code,
html[data-color-scheme="dark"] pre.wp-block-code {
	background-color: #261a32 !important;
	color: #f0e6ff !important;
	border-color: #6b4f78 !important;
}

html[data-color-scheme="dark"] .lc-code-copy {
	background-color: #261a32;
	color: #ede4f5;
	border-color: #8b6f9e;
}

html[data-color-scheme="dark"] .lc-code-copy:focus-visible {
	outline-color: var(--lc-focus-ring);
}

html[data-color-scheme="dark"] .wp-block-quote {
	border-left-color: #e06090 !important;
	color: #ede4f5;
}

/* Separator */
html[data-color-scheme="dark"] hr,
html[data-color-scheme="dark"] .wp-block-separator {
	border-color: #6b4f78;
	opacity: 1;
}

/* Footer + theme switcher */
html[data-color-scheme="dark"] .lc-site-footer {
	background-color: #120a18;
	color: #f4d03c;
	border-top-color: #b03060;
}

html[data-color-scheme="dark"] .lc-site-footer a:where(:not(.lc-segmented__btn)) {
	color: #ffe566;
}

html[data-color-scheme="dark"] .lc-site-footer a:where(:not(.lc-segmented__btn)):focus-visible {
	border-radius: 5px;
	outline: 2px solid #f0c752;
	outline-offset: 2px;
	background-color: color-mix(in srgb, #f0c752 22%, transparent);
}

html[data-color-scheme="dark"] .lc-theme-switcher__title {
	color: #fbe9ff;
}

html[data-color-scheme="dark"] .lc-segmented {
	border-color: #f0c752;
	background-color: #261a30;
}

html[data-color-scheme="dark"] .lc-segmented__btn {
	color: #ede4f5;
}

html[data-color-scheme="dark"] .lc-segmented__btn[aria-pressed="true"] {
	background-color: #f0c752;
	color: #1a1220;
}

html[data-color-scheme="dark"] .lc-segmented__btn[aria-pressed="false"]:hover {
	background-color: #3a2848;
}

html[data-color-scheme="dark"] .lc-segmented__btn:focus-visible {
	outline: 2px solid #f0c752;
	outline-offset: 2px;
}

html[data-color-scheme="dark"] .lc-segmented__btn[aria-pressed="true"]:focus-visible {
	outline-color: #f0c752;
}

html[data-color-scheme="dark"] .lc-segmented__btn[aria-pressed="false"]:focus-visible {
	outline: 2px solid #3a2848;
	background-color: #3a2848;
}

html[data-color-scheme="dark"] .lc-segmented__btn--first {
	border-inline-end: 1px solid rgba(240, 199, 82, 0.45);
}

/* Post summary + tables (dark zebra, plum text on tinted rows) */
html[data-color-scheme="dark"] .lc-post-summary {
	background-color: rgba(38, 26, 48, 0.65);
	border-left-color: #e06090;
	color: #ede4f5;
}

html[data-color-scheme="dark"] article.post .wp-block-table thead th,
html[data-color-scheme="dark"] article.post .wp-block-post-content thead th {
	background-color: #3a2848;
	color: #fbe9ff;
	border-color: #6b4f78;
}

html[data-color-scheme="dark"] article.post .wp-block-table tbody tr:nth-child(odd),
html[data-color-scheme="dark"] article.post .wp-block-post-content tbody tr:nth-child(odd) {
	background-color: #1f1628;
}

html[data-color-scheme="dark"] article.post .wp-block-table tbody tr:nth-child(even),
html[data-color-scheme="dark"] article.post .wp-block-post-content tbody tr:nth-child(even) {
	background-color: #2a1f38;
}

html[data-color-scheme="dark"] article.post .wp-block-table td,
html[data-color-scheme="dark"] article.post .wp-block-table th,
html[data-color-scheme="dark"] article.post .wp-block-post-content td,
html[data-color-scheme="dark"] article.post .wp-block-post-content th {
	color: #ede4f5;
	border-color: #6b4f78;
}

html[data-color-scheme="dark"] article.post .wp-block-table tbody th,
html[data-color-scheme="dark"] article.post .wp-block-post-content tbody th {
	background-color: #2d2238;
}