/*
 * Pehme dark mode. Laetakse ainult avalikul lehel (mitte toimetis).
 *
 * Vaikimisi järgib süsteemi seadistust. Päise nupp paneb <html data-theme="light|dark">,
 * mis kirjutab süsteemi üle. Hero, tume pildiplokk, brändi päis ja logode ruudud
 * jäävad heledaks ("heledad saared"), sest need on kujundatud heledale taustale.
 */

:root { color-scheme: light; }

/* Tume palett. Sama plokk kahes kohas: süsteem (kui kasutaja pole ise valinud) ja käsitsi valik. */
@media (prefers-color-scheme: dark) {
	:root:not([data-theme="light"]) {
		color-scheme: dark;
		--wp--preset--color--base: #131914;
		--wp--preset--color--ink: #E9E6DE;
		--wp--preset--color--mist: #182019;
		--wp--preset--color--cream: #1D241E;
		--wp--preset--color--muted: #A7AEA2;
		--wp--preset--color--line: #2C352D;
		--wp--preset--color--olive: #A8B472;
		--wp--preset--color--olive-mid: #C1CB8F;
		--wp--preset--color--deep: #C9D29B;
		--sm-surface: #1A211B;
		--sm-header-bg: rgba(19, 25, 20, 0.94);
		--sm-outline-bg: rgba(19, 25, 20, 0.6);
		--sm-on-olive: #131914;
	}
}
:root[data-theme="dark"] {
	color-scheme: dark;
	--wp--preset--color--base: #131914;
	--wp--preset--color--ink: #E9E6DE;
	--wp--preset--color--mist: #182019;
	--wp--preset--color--cream: #1D241E;
	--wp--preset--color--muted: #A7AEA2;
	--wp--preset--color--line: #2C352D;
	--wp--preset--color--olive: #A8B472;
	--wp--preset--color--olive-mid: #C1CB8F;
	--wp--preset--color--deep: #C9D29B;
	--sm-surface: #1A211B;
	--sm-header-bg: rgba(19, 25, 20, 0.94);
	--sm-outline-bg: rgba(19, 25, 20, 0.6);
	--sm-on-olive: #131914;
}

/*
 * Heledad saared: taastavad heleda paleti oma ala sees.
 * Hero ja brändi päis (hele üleminek foto peal), tume pildiplokk (valge tekst),
 * logode ruudud (tootjate logod on tumedad, läbipaistva taustaga).
 */
.sm-hero-wrap,
.sm-statement-wrap,
.sm-brand-hero,
.sm-brand-logo,
.sm-brand__top,
.sm-brand-hero__logo {
	color-scheme: light;
	--wp--preset--color--base: #FFFFFF;
	--wp--preset--color--ink: #131914;
	--wp--preset--color--mist: #F6F6F2;
	--wp--preset--color--cream: #F2EDE3;
	--wp--preset--color--muted: #5F6860;
	--wp--preset--color--line: #DFE3DB;
	--wp--preset--color--olive: #48532F;
	--wp--preset--color--olive-mid: #606E41;
	--wp--preset--color--deep: #2A3020;
	--sm-surface: #fff;
	--sm-outline-bg: rgba(255, 255, 255, 0.85);
	--sm-on-olive: #fff;
	--smc-ink: #131914;
	--smc-olive: #48532F;
	--smc-mist: #F6F6F2;
	--smc-line: #DFE3DB;
	--smc-muted: #5F6860;
	--sm-ink: #131914;
	--sm-olive: #48532F;
	--sm-line: #DFE3DB;
	--sm-muted: #5F6860;
	color: #131914;
}
/* Logo ruudu sees olev bränd ei vaja ümbritsevat hallikat joont tumedal lehel. */
.sm-brand-logo,
.sm-brand__top { background: #F6F6F2; }
.sm-brand-logo:hover { background: #fff; }

/* SCANMILi logo: hele variant tumedas režiimis. */
.sm-logo-dark { display: none; }
@media (prefers-color-scheme: dark) {
	:root:not([data-theme="light"]) .sm-logo-light { display: none; }
	:root:not([data-theme="light"]) .sm-logo-dark { display: inline-block; }
}
:root[data-theme="dark"] .sm-logo-light { display: none; }
:root[data-theme="dark"] .sm-logo-dark { display: inline-block; }

/* Päise režiiminupp */
.sm-theme-toggle {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	padding: 0;
	border: 1px solid var(--wp--preset--color--line);
	border-radius: 50%;
	background: transparent;
	color: var(--wp--preset--color--ink);
	cursor: pointer;
	flex: none;
}
.sm-theme-toggle:hover { border-color: var(--wp--preset--color--olive); color: var(--wp--preset--color--olive); }
.sm-theme-toggle svg { width: 18px; height: 18px; }
.sm-theme-toggle .sm-icon-sun { display: none; }
@media (prefers-color-scheme: dark) {
	:root:not([data-theme="light"]) .sm-theme-toggle .sm-icon-sun { display: block; }
	:root:not([data-theme="light"]) .sm-theme-toggle .sm-icon-moon { display: none; }
}
:root[data-theme="dark"] .sm-theme-toggle .sm-icon-sun { display: block; }
:root[data-theme="dark"] .sm-theme-toggle .sm-icon-moon { display: none; }

/* Pildid tumedal taustal veidi tuhmimaks, et need ei "karjuks". Logod ja saared välja arvatud. */
@media (prefers-color-scheme: dark) {
	:root:not([data-theme="light"]) .sm-card img,
	:root:not([data-theme="light"]) .sm-news img { filter: brightness(0.92); }
}
:root[data-theme="dark"] .sm-card img,
:root[data-theme="dark"] .sm-news img { filter: brightness(0.92); }