:root,
:root[data-theme="light"] {
	color-scheme: light;
	--color-bg: #EAF2EF;
	--color-surface: #FFFFFF;
	--color-surface-secondary: #F6F5EE;
	--color-surface-raised: #FFFFFF;
	--color-primary: #286431;
	--color-primary-hover: #31793B;
	--color-primary-soft: #e2eee4;
	--color-accent: #C5A13B;
	--color-accent-hover: #d2b451;
	--color-text: #26332D;
	--color-text-secondary: #59665D;
	--color-border: #D5E0D8;
	--color-header: rgba(246, 245, 238, .95);
	--color-translucent: rgba(255, 255, 255, .72);
	--color-button-text: #26332D;
	--color-decoration: rgba(40, 100, 49, .22);
	--color-image-frame: rgba(38, 51, 45, .18);
	--color-success: #31793B;
	--color-shadow: rgba(38, 51, 45, .08);
	--color-backdrop: rgba(19, 34, 23, .58);
	--color-callout: linear-gradient(145deg, #F6F5EE, #EAF2EF);
	--color-hero-bg: #286431;
	--color-hero-photo-opacity: .23;
	--color-hero-overlay-strong: rgba(23, 62, 30, .88);
	--color-hero-overlay: rgba(30, 77, 37, .72);
	--color-hero-overlay-soft: rgba(30, 77, 37, .48);
	--color-hero-text: #F6F5EE;
	--color-hero-note: #e1e8dc;
	--color-reader-bg: #FFFFFF;
	--color-reader-text: #26332D;
	--color-reader-muted: #59665D;
	--display-font: 'Amiri', Georgia, serif;
	--body-font: 'IBM Plex Sans Arabic', Tahoma, sans-serif;
	--content-width: 1180px;
	--header-height: 82px;
}

:root[data-theme="dark"] {
	color-scheme: dark;
	--color-bg: #101610;
	--color-surface: #1B271D;
	--color-surface-secondary: #151D16;
	--color-surface-raised: #223126;
	--color-primary: #65A66D;
	--color-primary-hover: #78B681;
	--color-primary-soft: rgba(101, 166, 109, .17);
	--color-accent: #D6B45D;
	--color-accent-hover: #E8CD83;
	--color-text: #F1F3EC;
	--color-text-secondary: #B6C0B4;
	--color-border: #344637;
	--color-header: rgba(21, 29, 22, .96);
	--color-translucent: rgba(27, 39, 29, .72);
	--color-button-text: #101610;
	--color-decoration: rgba(214, 180, 93, .24);
	--color-image-frame: rgba(16, 22, 16, .28);
	--color-success: #65A66D;
	--color-shadow: rgba(0, 0, 0, .2);
	--color-backdrop: rgba(3, 8, 4, .76);
	--color-callout: linear-gradient(145deg, #1B271D, #151D16);
	--color-hero-bg: #101610;
	--color-hero-photo-opacity: .17;
	--color-hero-overlay-strong: rgba(11, 19, 12, .9);
	--color-hero-overlay: rgba(13, 24, 14, .77);
	--color-hero-overlay-soft: rgba(16, 28, 17, .64);
	--color-hero-text: #F1F3EC;
	--color-hero-note: #B6C0B4;
	--color-reader-bg: #1B271D;
	--color-reader-text: #F1F3EC;
	--color-reader-muted: #B6C0B4;
}

:root[data-theme="dark"] .icon-moon { display: none; }
:root[data-theme="dark"] .icon-sun { display: block; }
:root[data-theme="dark"] .preview-shell {
	--preview-bg: #1B271D;
	--preview-panel: #223126;
	--preview-text: #F1F3EC;
	--preview-muted: #B6C0B4;
	--preview-accent: #D6B45D;
}
:root[data-theme="light"] .preview-shell {
	--preview-bg: #FFFFFF;
	--preview-panel: #F6F5EE;
	--preview-text: #26332D;
	--preview-muted: #59665D;
	--preview-accent: #286431;
}

.preview-shell[data-theme="night"] { --preview-bg: #17251A; --preview-panel: #203124; --preview-text: #edf1e8; --preview-muted: #afbdad; --preview-accent: #d6b45d; }
.preview-shell[data-theme="moss"] { --preview-bg: #17372A; --preview-panel: #204536; --preview-text: #edf2e8; --preview-muted: #b5c7b7; --preview-accent: #a3c88e; }
.preview-shell[data-theme="ivory"] { --preview-bg: #EAF2EF; --preview-panel: #F6F5EE; --preview-text: #26332D; --preview-muted: #59665D; --preview-accent: #286431; }
.preview-shell[data-theme="contrast"] { --preview-bg: #050805; --preview-panel: #101610; --preview-text: #FFFFFF; --preview-muted: #E6EDE4; --preview-accent: #E8CD83; }