/* FilmBunch dark mode (front end only).
 * Palette lives in theme.json (settings.custom.dark -> --wp--custom--dark--*). Dark mode re-points the
 * theme.json colour presets, so every block, template and class that uses a preset follows.
 * <html data-theme> is set before paint by an inline head script (saved choice, else the system setting).
 * Without JS, the prefers-color-scheme media query is the fallback. Images are not filtered.
 */
:root{color-scheme:light}
:root[data-theme="dark"],:root[data-theme="dark"] body{
	--wp--preset--color--paper:var(--wp--custom--dark--paper,#161616);
	--wp--preset--color--ink:var(--wp--custom--dark--ink,#ECE9E3);
	--wp--preset--color--ink-2:var(--wp--custom--dark--ink-2,#C9C5BD);
	--wp--preset--color--mute:var(--wp--custom--dark--mute,#9E998F);
	--wp--preset--color--rule:var(--wp--custom--dark--rule,#34322F);
	--wp--preset--color--tint:var(--wp--custom--dark--tint,#1F1E1C);
	--wp--preset--color--accent:var(--wp--custom--dark--accent,#EE6F76);
	--wp--preset--color--night:var(--wp--custom--dark--night,#0D0D0D);
	--fb-field:var(--wp--custom--dark--field,#101010);--fb-field-border:var(--wp--custom--dark--field-border,#4A4844);
	color-scheme:dark;
}

/* components with fixed colours */
:root[data-theme="dark"] .fb-band{background:var(--wp--preset--color--night);border-block:1px solid var(--fb-rule)}
:root[data-theme="dark"] .fb-article__body .fb-tofill,:root[data-theme="dark"] .fb-page__body .fb-tofill{background:#2a2412;border-left-color:#c98b00;color:var(--fb-ink)}
:root[data-theme="dark"] .fb-newsletter__form input::placeholder,:root[data-theme="dark"] .fb-searchform .wp-block-search__input::placeholder{color:var(--fb-mute);opacity:1}
:root[data-theme="dark"] .fb-newsletter--embed iframe{border-color:var(--fb-rule)!important}
:root[data-theme="dark"] .wp-element-button,:root[data-theme="dark"] .wp-block-button__link,:root[data-theme="dark"] .wp-block-search__button{background-color:var(--fb-ink);color:var(--fb-paper)}
:root[data-theme="dark"] .wp-element-button:hover,:root[data-theme="dark"] .wp-block-button__link:hover,:root[data-theme="dark"] .wp-block-search__button:hover{background-color:var(--fb-acc);color:var(--fb-paper)}
:root[data-theme="dark"] ::selection{background:#5a1d22;color:#fff}

@media (prefers-color-scheme:dark){
:root:not([data-theme]),:root:not([data-theme]) body{
	--wp--preset--color--paper:var(--wp--custom--dark--paper,#161616);
	--wp--preset--color--ink:var(--wp--custom--dark--ink,#ECE9E3);
	--wp--preset--color--ink-2:var(--wp--custom--dark--ink-2,#C9C5BD);
	--wp--preset--color--mute:var(--wp--custom--dark--mute,#9E998F);
	--wp--preset--color--rule:var(--wp--custom--dark--rule,#34322F);
	--wp--preset--color--tint:var(--wp--custom--dark--tint,#1F1E1C);
	--wp--preset--color--accent:var(--wp--custom--dark--accent,#EE6F76);
	--wp--preset--color--night:var(--wp--custom--dark--night,#0D0D0D);
	--fb-field:var(--wp--custom--dark--field,#101010);--fb-field-border:var(--wp--custom--dark--field-border,#4A4844);
	color-scheme:dark;
}

/* components with fixed colours */
:root:not([data-theme]) .fb-band{background:var(--wp--preset--color--night);border-block:1px solid var(--fb-rule)}
:root:not([data-theme]) .fb-article__body .fb-tofill,:root:not([data-theme]) .fb-page__body .fb-tofill{background:#2a2412;border-left-color:#c98b00;color:var(--fb-ink)}
:root:not([data-theme]) .fb-newsletter__form input::placeholder,:root:not([data-theme]) .fb-searchform .wp-block-search__input::placeholder{color:var(--fb-mute);opacity:1}
:root:not([data-theme]) .fb-newsletter--embed iframe{border-color:var(--fb-rule)!important}
:root:not([data-theme]) .wp-element-button,:root:not([data-theme]) .wp-block-button__link,:root:not([data-theme]) .wp-block-search__button{background-color:var(--fb-ink);color:var(--fb-paper)}
:root:not([data-theme]) .wp-element-button:hover,:root:not([data-theme]) .wp-block-button__link:hover,:root:not([data-theme]) .wp-block-search__button:hover{background-color:var(--fb-acc);color:var(--fb-paper)}
:root:not([data-theme]) ::selection{background:#5a1d22;color:#fff}

}

/* 1.4: new components and hard-coded colours in story content (old posts, pasted HTML). */
:root[data-theme="dark"] .fb-stick{box-shadow:0 1px 0 rgba(0,0,0,.4)}
:root[data-theme="dark"] .fb-newsletter--embed iframe{background:#fff}
:root[data-theme="dark"] .fb-article__body [style*="color"],:root[data-theme="dark"] .fb-page__body [style*="color"]{color:inherit!important}
:root[data-theme="dark"] .fb-article__body [style*="background"]:not(img):not(video),:root[data-theme="dark"] .fb-page__body [style*="background"]:not(img):not(video){background-color:transparent!important;background-image:none!important}
:root[data-theme="dark"] .fb-article__body font[color],:root[data-theme="dark"] .fb-page__body font[color]{color:inherit!important}
:root[data-theme="dark"] .fb-article__body [bgcolor],:root[data-theme="dark"] .fb-page__body [bgcolor]{background:transparent!important}
:root[data-theme="dark"] .has-white-background-color,:root[data-theme="dark"] .has-base-background-color,:root[data-theme="dark"] .has-base-2-background-color,:root[data-theme="dark"] .has-pale-cyan-blue-background-color,:root[data-theme="dark"] .has-very-light-gray-background-color,:root[data-theme="dark"] .has-cyan-bluish-gray-background-color{background-color:var(--fb-tint)!important;color:var(--fb-ink)!important}
:root[data-theme="dark"] .has-black-background-color,:root[data-theme="dark"] .has-contrast-background-color,:root[data-theme="dark"] .has-very-dark-gray-background-color{background-color:var(--wp--preset--color--night)!important;color:var(--fb-ink)!important}
:root[data-theme="dark"] .has-black-color,:root[data-theme="dark"] .has-contrast-color,:root[data-theme="dark"] .has-very-dark-gray-color,:root[data-theme="dark"] .has-contrast-2-color,:root[data-theme="dark"] .has-contrast-3-color{color:var(--fb-ink)!important}
:root[data-theme="dark"] .has-white-color,:root[data-theme="dark"] .has-base-color{color:var(--fb-ink)!important}
:root[data-theme="dark"] .has-luminous-vivid-amber-background-color,:root[data-theme="dark"] .has-light-green-cyan-background-color,:root[data-theme="dark"] .has-luminous-vivid-orange-background-color,:root[data-theme="dark"] .has-vivid-green-cyan-background-color{color:#111!important}
:root[data-theme="dark"] .fb-article__body mark,:root[data-theme="dark"] .fb-page__body mark{background:#5a4a12!important;color:var(--fb-ink)!important}
:root[data-theme="dark"] .fb-article__body th,:root[data-theme="dark"] .fb-article__body td,:root[data-theme="dark"] .fb-page__body th,:root[data-theme="dark"] .fb-page__body td{background-color:transparent!important;color:inherit!important}
:root[data-theme="dark"] .wp-block-table.is-style-stripes tbody tr:nth-child(odd){background:var(--fb-tint)!important}
:root[data-theme="dark"] .fb-article__body .has-text-color a,:root[data-theme="dark"] .fb-page__body .has-text-color a{color:inherit!important}
:root[data-theme="dark"] .wp-block-separator{border-color:var(--fb-rule)!important;color:var(--fb-rule)!important}
:root[data-theme="dark"] .wp-block-button__link.has-background{background-color:var(--fb-ink)!important;color:var(--fb-paper)!important}
@media (prefers-color-scheme:dark){
:root:not([data-theme]) .fb-stick{box-shadow:0 1px 0 rgba(0,0,0,.4)}
:root:not([data-theme]) .fb-newsletter--embed iframe{background:#fff}
:root:not([data-theme]) .fb-article__body [style*="color"],:root:not([data-theme]) .fb-page__body [style*="color"]{color:inherit!important}
:root:not([data-theme]) .fb-article__body [style*="background"]:not(img):not(video),:root:not([data-theme]) .fb-page__body [style*="background"]:not(img):not(video){background-color:transparent!important;background-image:none!important}
:root:not([data-theme]) .fb-article__body font[color],:root:not([data-theme]) .fb-page__body font[color]{color:inherit!important}
:root:not([data-theme]) .fb-article__body [bgcolor],:root:not([data-theme]) .fb-page__body [bgcolor]{background:transparent!important}
:root:not([data-theme]) .has-white-background-color,:root:not([data-theme]) .has-base-background-color,:root:not([data-theme]) .has-base-2-background-color,:root:not([data-theme]) .has-pale-cyan-blue-background-color,:root:not([data-theme]) .has-very-light-gray-background-color,:root:not([data-theme]) .has-cyan-bluish-gray-background-color{background-color:var(--fb-tint)!important;color:var(--fb-ink)!important}
:root:not([data-theme]) .has-black-background-color,:root:not([data-theme]) .has-contrast-background-color,:root:not([data-theme]) .has-very-dark-gray-background-color{background-color:var(--wp--preset--color--night)!important;color:var(--fb-ink)!important}
:root:not([data-theme]) .has-black-color,:root:not([data-theme]) .has-contrast-color,:root:not([data-theme]) .has-very-dark-gray-color,:root:not([data-theme]) .has-contrast-2-color,:root:not([data-theme]) .has-contrast-3-color{color:var(--fb-ink)!important}
:root:not([data-theme]) .has-white-color,:root:not([data-theme]) .has-base-color{color:var(--fb-ink)!important}
:root:not([data-theme]) .has-luminous-vivid-amber-background-color,:root:not([data-theme]) .has-light-green-cyan-background-color,:root:not([data-theme]) .has-luminous-vivid-orange-background-color,:root:not([data-theme]) .has-vivid-green-cyan-background-color{color:#111!important}
:root:not([data-theme]) .fb-article__body mark,:root:not([data-theme]) .fb-page__body mark{background:#5a4a12!important;color:var(--fb-ink)!important}
:root:not([data-theme]) .fb-article__body th,:root:not([data-theme]) .fb-article__body td,:root:not([data-theme]) .fb-page__body th,:root:not([data-theme]) .fb-page__body td{background-color:transparent!important;color:inherit!important}
:root:not([data-theme]) .wp-block-table.is-style-stripes tbody tr:nth-child(odd){background:var(--fb-tint)!important}
:root:not([data-theme]) .fb-article__body .has-text-color a,:root:not([data-theme]) .fb-page__body .has-text-color a{color:inherit!important}
:root:not([data-theme]) .wp-block-separator{border-color:var(--fb-rule)!important;color:var(--fb-rule)!important}
:root:not([data-theme]) .wp-block-button__link.has-background{background-color:var(--fb-ink)!important;color:var(--fb-paper)!important}
}