/* Sangeet Jagat — dark mode (theme 0.15.0, M8.3). Colours only: the WordPress preset variables are redefined, so every
 * component that uses the design tokens follows. Automatic with the device setting; the header button stores a choice
 * on the device (html[data-theme]) and, when logged in, in the account. All pairs checked for WCAG AA (≥ 4.5 : 1 text). */
:root[data-theme="dark"] { color-scheme: dark; }
:root[data-theme="dark"],
:root[data-theme="dark"] body {
	--wp--preset--color--primary: #EBA9A3;
	--wp--preset--color--primary-dark: #F5C9C3;
	--wp--preset--color--secondary: #7FC8B8;
	--wp--preset--color--accent: #D8A845;
	--wp--preset--color--accent-safe: #DDB45A;
	--wp--preset--color--background: #14100E;
	--wp--preset--color--surface: #1E1815;
	--wp--preset--color--text: #F0E7DB;
	--wp--preset--color--text-secondary: #C2B6A6;
	--wp--preset--color--border: #3B312B;
	--wp--preset--color--border-strong: #8E8273;
	--wp--preset--color--divider: #2B231F;
	--wp--preset--color--success: #9CCB7A;
	--wp--preset--color--warning: #E0B04A;
	--wp--preset--color--danger: #F08C8C;
	--wp--preset--color--tint-primary: #3A2022;
	--wp--preset--color--tint-secondary: #18302B;
	--wp--preset--color--tint-accent: #33291A;
	--wp--preset--color--ad-background: #221B17;
	--wp--preset--color--ad-border: #4A3F36;
	--wp--preset--color--footer: #0F0B0A;
	--wp--preset--color--footer-text: #E8D9CC;
	--wp--preset--color--on-secondary: #10231F;
	--sj-text-secondary: #C2B6A6;
	/* GeneratePress global colours (containers, footer, default text) */
	--base: #2B231F;
	--base-2: #14100E;
	--base-3: #1E1815;
	--contrast: #F0E7DB;
	--contrast-2: #C2B6A6;
	--contrast-3: #8E8273;
	--accent: #EBA9A3;
}
@media (prefers-color-scheme: dark) {
	:root:not([data-theme="light"]) { color-scheme: dark; }
	:root:not([data-theme="light"]),
	:root:not([data-theme="light"]) body {
		--wp--preset--color--primary: #EBA9A3;
		--wp--preset--color--primary-dark: #F5C9C3;
		--wp--preset--color--secondary: #7FC8B8;
		--wp--preset--color--accent: #D8A845;
		--wp--preset--color--accent-safe: #DDB45A;
		--wp--preset--color--background: #14100E;
		--wp--preset--color--surface: #1E1815;
		--wp--preset--color--text: #F0E7DB;
		--wp--preset--color--text-secondary: #C2B6A6;
		--wp--preset--color--border: #3B312B;
		--wp--preset--color--border-strong: #8E8273;
		--wp--preset--color--divider: #2B231F;
		--wp--preset--color--success: #9CCB7A;
		--wp--preset--color--warning: #E0B04A;
		--wp--preset--color--danger: #F08C8C;
		--wp--preset--color--tint-primary: #3A2022;
		--wp--preset--color--tint-secondary: #18302B;
		--wp--preset--color--tint-accent: #33291A;
		--wp--preset--color--ad-background: #221B17;
		--wp--preset--color--ad-border: #4A3F36;
		--wp--preset--color--footer: #0F0B0A;
		--wp--preset--color--footer-text: #E8D9CC;
		--wp--preset--color--on-secondary: #10231F;
		--sj-text-secondary: #C2B6A6;
		/* GeneratePress global colours (containers, footer, default text) */
		--base: #2B231F;
		--base-2: #14100E;
		--base-3: #1E1815;
		--contrast: #F0E7DB;
		--contrast-2: #C2B6A6;
		--contrast-3: #8E8273;
		--accent: #EBA9A3;
	}
}
/* text that was white on a coloured button: in dark mode the button colour is light, so the text becomes dark */
:root[data-theme="dark"] :is(.sj-install__add, .sj-btn--danger) { color: var(--sj-surface); }
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) :is(.sj-install__add, .sj-btn--danger) { color: var(--sj-surface); } }
/* imported (Blogger) articles may carry fixed inline colours: keep them readable on the dark background */
:root[data-theme="dark"] .entry-content [style*="color"]:not([style*="background-image"]) { color: var(--sj-text) !important; background-color: transparent !important; }
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) .entry-content [style*="color"]:not([style*="background-image"]) { color: var(--sj-text) !important; background-color: transparent !important; } }
/* photos stay as they are; a little less glare */
:root[data-theme="dark"] .entry-content img { filter: brightness(.94); }
/* header switch */
.sj-themebtn .sj-themebtn__sun { display: none; }
:root[data-theme="dark"] .sj-themebtn .sj-themebtn__sun { display: inline; }
:root[data-theme="dark"] .sj-themebtn .sj-themebtn__moon { display: none; }
@media (prefers-color-scheme: dark) {
	:root:not([data-theme="light"]) .sj-themebtn .sj-themebtn__sun { display: inline; }
	:root:not([data-theme="light"]) .sj-themebtn .sj-themebtn__moon { display: none; }
}

/* GeneratePress containers that use fixed colours in its own settings (page/article boxes, footer, widgets):
   in dark mode they follow the tokens, so no white box remains (0.15.1). */
:root[data-theme="dark"] :is(.inside-article, .one-container .container, .separate-containers .inside-article, .separate-containers .comments-area,
	.separate-containers .page-header, .site-main > .page-header, .sidebar .widget, .inside-page-header, .site-content, .site-footer, .site-info, .footer-widgets, .inside-site-info, .inside-footer-widgets) {
	background-color: var(--sj-bg);
	color: var(--sj-text);
}
:root[data-theme="dark"] :is(.entry-title, .entry-content, .page-header, .site-info, .site-footer) :is(h1, h2, h3, h4, h5, h6, p, li, td, th, dt, dd, label, legend, blockquote) { color: var(--sj-text); }
:root[data-theme="dark"] :is(.entry-title, h1.entry-title) { color: var(--sj-text); }
:root[data-theme="dark"] :is(.entry-content, .site-footer, .site-info) a:not(.sj-btn):not(.wp-element-button) { color: var(--sj-primary); }
:root[data-theme="dark"] :is(.entry-content, .sj-form) :is(input, select, textarea) { background-color: var(--sj-surface); color: var(--sj-text); border-color: var(--sj-border-strong); }
:root[data-theme="dark"] :is(.entry-content table, .entry-content th, .entry-content td) { border-color: var(--sj-border); }
@media (prefers-color-scheme: dark) {
	:root:not([data-theme="light"]) :is(.inside-article, .one-container .container, .separate-containers .inside-article, .separate-containers .comments-area,
		.separate-containers .page-header, .site-main > .page-header, .sidebar .widget, .inside-page-header, .site-content, .site-footer, .site-info, .footer-widgets, .inside-site-info, .inside-footer-widgets) {
		background-color: var(--sj-bg);
		color: var(--sj-text);
	}
	:root:not([data-theme="light"]) :is(.entry-title, .entry-content, .page-header, .site-info, .site-footer) :is(h1, h2, h3, h4, h5, h6, p, li, td, th, dt, dd, label, legend, blockquote) { color: var(--sj-text); }
	:root:not([data-theme="light"]) :is(.entry-title, h1.entry-title) { color: var(--sj-text); }
	:root:not([data-theme="light"]) :is(.entry-content, .site-footer, .site-info) a:not(.sj-btn):not(.wp-element-button) { color: var(--sj-primary); }
	:root:not([data-theme="light"]) :is(.entry-content, .sj-form) :is(input, select, textarea) { background-color: var(--sj-surface); color: var(--sj-text); border-color: var(--sj-border-strong); }
	:root:not([data-theme="light"]) :is(.entry-content table, .entry-content th, .entry-content td) { border-color: var(--sj-border); }
}