/* Dark scheme: the same tokens as :root in theme.css with night values. The OS preference applies unless the
   visitor chose a scheme with the header toggle (data-theme on <html>, set before paint in header.php). */

@media (prefers-color-scheme: dark) {
	:root:not([data-theme="light"]) {
		color-scheme: dark;
		--ehz-ink: #EEE7DA;
		--ehz-ink-soft: #CFC7B8;
		--ehz-muted: #AAB8B4;
		--ehz-sea: #24756F;
		--ehz-sea-strong: #1F6F6B;
		--ehz-sea-deep: #0C2523;
		--ehz-sand: #0F2624;
		--ehz-mist: #163331;
		--ehz-shell: #1A3A37;
		--ehz-gold: #CFA04A;
		--ehz-gold-ink: #E8CE9A;
		--ehz-gold-soft: #E8CE9A;
		--ehz-line: #F6F1E824;
		--ehz-line-strong: #F6F1E845;
		--ehz-dawn: #1F3835;
		--ehz-dawn-deep: #26443F;
		--ehz-coral: #E08A66;
		--ehz-coral-ink: #F2A98C;
		--ehz-error: #F09A8C;
		--ehz-error-bg: #F09A8C1F;
		--ehz-error-line: #F09A8C66;
		--ehz-gold-line: #CFA04A73;
		--ehz-gold-soft-line: #E8CE9A66;
		--ehz-gold-wash: #E8CE9A26;
		--ehz-on-accent: #F6F1E8;
		--ehz-on-gold: #17302E;
		--ehz-on-dark: #F6F1E8;
		--ehz-on-dark-strong: #FFFCF7;
		--ehz-sand-wash: #0F262480;
		--ehz-glass: #0F2624E0;
		--ehz-glass-strong: #0F2624F2;
		--ehz-ring: #163331;
		--ehz-shadow-sheet: 0 24px 40px -30px #000000CC;
		--ehz-shadow-card: 0 24px 40px -30px #000000A0;
		--ehz-shadow-bar: 0 14px 40px #00000080;
		--ehz-f-bg: #1D3D3A;
		--ehz-f-ink: #9FD3CE;
		--ehz-f-coral-bg: #3A2B27;
		--ehz-f-coral-ink: #E3B9A8;
		--ehz-f-gold-bg: #373022;
		--ehz-f-gold-ink: #D9C291;
		--ehz-f-sage-bg: #283428;
		--ehz-f-sage-ink: #B4C9A2;
		--ehz-f-plum-bg: #332D38;
		--ehz-f-plum-ink: #CCBBD3;
		--ehz-icon-sun: block;
		--ehz-icon-moon: none;
		--ehz-link: #8FD0CA;
	}
	:root:not([data-theme="light"]) a:not([class*="ehz-btn"]) { color: var(--ehz-link); }
	:root:not([data-theme="light"]) .ehz-menu a, :root:not([data-theme="light"]) .ehz-menu .current-menu-item > a { color: var(--ehz-ink); }
	:root:not([data-theme="light"]) .ehz-btn--secondary, :root:not([data-theme="light"]) .ehz-btn--ghost { color: var(--ehz-ink); }
	:root:not([data-theme="light"]) .ehz-btn--secondary:hover, :root:not([data-theme="light"]) .ehz-btn--ghost:hover { color: var(--ehz-on-gold); }
	:root:not([data-theme="light"]) .ehz-stickycta { --ehz-capsule: #1E423E; }
	/* Selected chips fill with the focus tone, which is light at night: dark text on it. */
	:root:not([data-theme="light"]) .ehz-chip.is-selected, :root:not([data-theme="light"]) .ehz-chip[aria-pressed="true"], :root:not([data-theme="light"]) .ehz-chip:has(.ehz-chip__input:checked) { color: var(--ehz-sea-deep); }
}

:root[data-theme="dark"] {
	color-scheme: dark;
	--ehz-ink: #EEE7DA;
	--ehz-ink-soft: #CFC7B8;
	--ehz-muted: #AAB8B4;
	--ehz-sea: #24756F;
	--ehz-sea-strong: #1F6F6B;
	--ehz-sea-deep: #0C2523;
	--ehz-sand: #0F2624;
	--ehz-mist: #163331;
	--ehz-shell: #1A3A37;
	--ehz-gold: #CFA04A;
	--ehz-gold-ink: #E8CE9A;
	--ehz-gold-soft: #E8CE9A;
	--ehz-line: #F6F1E824;
	--ehz-line-strong: #F6F1E845;
	--ehz-dawn: #1F3835;
	--ehz-dawn-deep: #26443F;
	--ehz-coral: #E08A66;
	--ehz-coral-ink: #F2A98C;
	--ehz-error: #F09A8C;
	--ehz-error-bg: #F09A8C1F;
	--ehz-error-line: #F09A8C66;
	--ehz-gold-line: #CFA04A73;
	--ehz-gold-soft-line: #E8CE9A66;
	--ehz-gold-wash: #E8CE9A26;
	--ehz-on-accent: #F6F1E8;
	--ehz-on-gold: #17302E;
	--ehz-on-dark: #F6F1E8;
	--ehz-on-dark-strong: #FFFCF7;
	--ehz-sand-wash: #0F262480;
	--ehz-glass: #0F2624E0;
	--ehz-glass-strong: #0F2624F2;
	--ehz-ring: #163331;
	--ehz-shadow-sheet: 0 24px 40px -30px #000000CC;
	--ehz-shadow-card: 0 24px 40px -30px #000000A0;
	--ehz-shadow-bar: 0 14px 40px #00000080;
	--ehz-f-bg: #1D3D3A;
	--ehz-f-ink: #9FD3CE;
	--ehz-f-coral-bg: #3A2B27;
	--ehz-f-coral-ink: #E3B9A8;
	--ehz-f-gold-bg: #373022;
	--ehz-f-gold-ink: #D9C291;
	--ehz-f-sage-bg: #283428;
	--ehz-f-sage-ink: #B4C9A2;
	--ehz-f-plum-bg: #332D38;
	--ehz-f-plum-ink: #CCBBD3;
	--ehz-icon-sun: block;
	--ehz-icon-moon: none;
	--ehz-link: #8FD0CA;
}
:root[data-theme="dark"] a:not([class*="ehz-btn"]) { color: var(--ehz-link); }
:root[data-theme="dark"] .ehz-menu a, :root[data-theme="dark"] .ehz-menu .current-menu-item > a { color: var(--ehz-ink); }
:root[data-theme="dark"] .ehz-btn--secondary, :root[data-theme="dark"] .ehz-btn--ghost { color: var(--ehz-ink); }
:root[data-theme="dark"] .ehz-btn--secondary:hover, :root[data-theme="dark"] .ehz-btn--ghost:hover { color: var(--ehz-on-gold); }
:root[data-theme="dark"] .ehz-stickycta { --ehz-capsule: #1E423E; }
:root[data-theme="dark"] .ehz-chip.is-selected, :root[data-theme="dark"] .ehz-chip[aria-pressed="true"], :root[data-theme="dark"] .ehz-chip:has(.ehz-chip__input:checked) { color: var(--ehz-sea-deep); }

/* Booking box package switch at night: the selected segment is the lighter mist, text stays ink (both schemes). */
.ehz-booking .ehz-packages .ehz-packages__option.is-selected,
.ehz-booking .ehz-packages .ehz-packages__option:has(.ehz-chip__input:checked) { color: var(--ehz-ink); }
@media (prefers-color-scheme: dark) {
	:root:not([data-theme="light"]) .ehz-booking .ehz-packages .ehz-packages__option:has(.ehz-chip__input:checked) { color: var(--ehz-ink); background: var(--ehz-mist); }
}
:root[data-theme="dark"] .ehz-booking .ehz-packages .ehz-packages__option:has(.ehz-chip__input:checked) { color: var(--ehz-ink); background: var(--ehz-mist); }

/* Dark bands stay dark in both schemes, so their sand/shell text must stay light. */
.ehz-hero, .ehz-band, .ehz-footer { --ehz-sand: #F6F1E8; --ehz-shell: #FFFCF7; --ehz-link: #E8CE9A; }

/* Explicit page background in both schemes; images keep their own colour. */
body { background: var(--ehz-sand); }