/**
 * Stratus dark theme styles for Lemmony child theme.
 */

:root {
	color-scheme: dark;

	--stratus-accent: #abc4ff;
	--stratus-accent-hover: #7b9cff;
	--stratus-canvas: #121317;
	--stratus-surface: #1c1e26;
	--stratus-surface-raised: #252830;
	--stratus-text: #ffffff;
	--stratus-text-muted: #9499b0;
	--stratus-border: #2d2f39;
}

html {
	background-color: var(--wp--preset--color--background);
}

body {
	background-color: var(--wp--preset--color--background);
	color: var(--wp--preset--color--body);
}

@media (prefers-color-scheme: light) {
	:root {
		color-scheme: light;

		--wp--preset--color--primary: #2750e1;
		--wp--preset--color--secondary: #1aad64;
		--wp--preset--color--lemmonary: #ffe156;
		--wp--preset--color--body: #2c2c2c;
		--wp--preset--color--body-alt: #fcfcfc;
		--wp--preset--color--paragraph: #1c1c1c;
		--wp--preset--color--paragraph-alt: #757575;
		--wp--preset--color--meta: #5c5c5c;
		--wp--preset--color--border: #7c7c7c;
		--wp--preset--color--border-alt: #e0e0e0;
		--wp--preset--color--midground: #f7f7f7;
		--wp--preset--color--midground-alt: #ececec;
		--wp--preset--color--background: #ffffff;
		--wp--preset--color--background-alt: #111111;
	}

	body .wp-element-button {
		background-color: var(--wp--preset--color--background-alt);
	}

	body .wp-element-button:hover,
	body .wp-block-button__link:hover {
		background-color: var(--wp--preset--color--primary);
	}

	.stratus-header-logo img {
		filter: none;
	}
}

@media (prefers-color-scheme: dark),
(prefers-color-scheme: no-preference) {
	:root {
		--wp--preset--color--primary: var(--stratus-accent);
		--wp--preset--color--secondary: var(--stratus-accent-hover);
		--wp--preset--color--lemmonary: #c4d4ff;
		--wp--preset--color--body: var(--stratus-text);
		--wp--preset--color--body-alt: var(--stratus-canvas);
		--wp--preset--color--paragraph: #e8e9ed;
		--wp--preset--color--paragraph-alt: var(--stratus-text-muted);
		--wp--preset--color--meta: var(--stratus-text-muted);
		--wp--preset--color--border: var(--stratus-border);
		--wp--preset--color--border-alt: #3a3d48;
		--wp--preset--color--midground: var(--stratus-surface);
		--wp--preset--color--midground-alt: var(--stratus-surface-raised);
		--wp--preset--color--background: var(--stratus-canvas);
		--wp--preset--color--background-alt: var(--stratus-surface);
	}
}

body .wp-element-button {
	background-color: var(--wp--preset--color--primary);
	color: var(--wp--preset--color--body-alt);
}

body .wp-element-button:hover,
body .wp-block-button__link:hover {
	background-color: var(--wp--preset--color--secondary);
	color: var(--wp--preset--color--body-alt);
}

.lemmony-button-hover-background-alt .wp-block-button__link:hover {
	background-color: var(--wp--preset--color--background-alt) !important;
	color: var(--wp--preset--color--body) !important;
}

.lemmony-button-hover-primary .wp-block-button__link:hover {
	background-color: var(--wp--preset--color--primary) !important;
	color: var(--wp--preset--color--body-alt) !important;
}

@media (prefers-color-scheme: dark),
(prefers-color-scheme: no-preference) {
	.stratus-header-logo img[src*="logo.svg"]:not([src*="logo-light"]) {
		filter: brightness(0) invert(1);
	}
}

.lemmony-mobile-text-center.has-background[style*="background-color"] {
	background-color: var(--wp--preset--color--background-alt) !important;
}

.lemmony-mobile-text-center .wp-block-separator.has-background[style*="background-color"] {
	background-color: var(--wp--preset--color--border) !important;
	color: var(--wp--preset--color--border) !important;
}

.lemmony-mobile-text-center p[style*="color:#909090"],
.lemmony-mobile-text-center p[style*="color: #909090"] {
	color: var(--wp--preset--color--meta) !important;
}

.has-white-background-color,
.has-background[style*="background-color:#fff"],
.has-background[style*="background-color: #fff"],
.has-background[style*="background-color:#ffffff"],
.has-background[style*="background-color: #ffffff"] {
	background-color: var(--wp--preset--color--midground) !important;
}

@media (prefers-color-scheme: dark),
(prefers-color-scheme: no-preference) {
	.has-heading-color {
		color: var(--wp--preset--color--body) !important;
	}
}

.wp-block-query-pagination-numbers .page-numbers.current {
	background-color: var(--wp--preset--color--primary);
	color: var(--wp--preset--color--body-alt);
}

.wp-block-search.is-style-border-with-radius .wp-block-search__inside-wrapper {
	background-color: var(--wp--preset--color--midground);
}

.wp-block-search.is-style-border-with-radius button {
	background-color: transparent;
	color: var(--wp--preset--color--body);
}

.wp-block-post-content form.post-password-form input[type="submit"],
.wp-block-post-content form.post-password-form input[type="submit"]:hover {
	color: var(--wp--preset--color--body-alt);
}

@media (min-width: 782px) {
	.wp-block-navigation__responsive-container:not(.has-modal-open) .wp-block-navigation__submenu-container {
		box-shadow: 0 20px 40px 0 rgba(0, 0, 0, 0.45);
		background-color: var(--wp--preset--color--midground);
	}
}

.splide__progress {
	box-shadow: 0 20px 20px rgba(0, 0, 0, 0.35);
}

input,
textarea,
select {
	background-color: var(--wp--preset--color--midground);
	border-color: var(--wp--preset--color--border);
	color: var(--wp--preset--color--body);
}

input::placeholder,
textarea::placeholder {
	color: var(--wp--preset--color--meta);
}

::selection {
	background-color: var(--wp--preset--color--primary);
	color: var(--wp--preset--color--body-alt);
}