html {
	--cm-body-bg: #f4f7fb;
	--cm-page-bg: #ffffff;
	--cm-text: #101828;
	--cm-muted: #475467;
	--cm-surface: rgba(255, 255, 255, 0.9);
	--cm-surface-strong: #ffffff;
	--cm-border: rgba(16, 24, 40, 0.08);
}

html.dark-mode {
	--cm-body-bg: #050816;
	--cm-page-bg: #070d1f;
	--cm-text: #eef2ff;
	--cm-muted: rgba(238, 242, 255, 0.72);
	--cm-surface: rgba(15, 23, 42, 0.92);
	--cm-surface-strong: #0b1020;
	--cm-border: rgba(255, 255, 255, 0.08);
}

html, body {
	background: var(--cm-body-bg);
	color: var(--cm-text);
	transition: background-color 0.25s ease, color 0.25s ease;
}

#page {
	background: var(--cm-page-bg);
	color: var(--cm-text);
}

a {
	color: inherit;
}

body.dark-mode,
html.dark-mode body {
	background: var(--cm-body-bg);
	color: var(--cm-text);
}

html.dark-mode .entry-header,
html.dark-mode .entry-content,
html.dark-mode .archive-header,
html.dark-mode .cm-footer__subscribe-card,
html.dark-mode .cm-footer__col .widget {
	background: transparent;
	color: var(--cm-text);
	border: 0;
	box-shadow: none;
}

html.dark-mode .cm-header,
html.dark-mode .cm-topbar,
html.dark-mode .cm-main-header,
html.dark-mode .cm-footer,
html.dark-mode .cm-search,
html.dark-mode .cm-language-menu,
html.dark-mode .cm-menu > .menu-item-has-children > .sub-menu {
	color: var(--cm-text);
}

html.dark-mode .cm-menu a,
html.dark-mode .cm-logo,
html.dark-mode .cm-trending,
html.dark-mode .cm-menu__toggle {
	color: var(--cm-text);
}

html.dark-mode .entry-title,
html.dark-mode .archive-title,
html.dark-mode .widget-title h3,
html.dark-mode .cm-footer__subscribe-card h3 {
	color: var(--cm-text);
}

html.dark-mode .entry-content a,
html.dark-mode .archive-description a,
html.dark-mode .entry-content .wp-block-file a,
html.dark-mode .entry-content .wp-element-button,
html.dark-mode .entry-content .wp-block-button__link,
html.dark-mode .entry-content .more-link {
	color: #8ab4ff;
	text-decoration-color: rgba(138, 180, 255, 0.6);
}

html.dark-mode .entry-content a:hover,
html.dark-mode .archive-description a:hover,
html.dark-mode .entry-content .wp-block-file a:hover,
html.dark-mode .entry-content .wp-element-button:hover,
html.dark-mode .entry-content .wp-block-button__link:hover,
html.dark-mode .entry-content .more-link:hover {
	color: #f9ab37;
	text-decoration-color: rgba(249, 171, 55, 0.8);
}

html.dark-mode .entry-content,
html.dark-mode .archive-description,
html.dark-mode .cm-footer__subscribe-card p,
html.dark-mode .cm-footer__col .widget,
html.dark-mode .cm-footer__copyright,
html.dark-mode .cm-footer__bottom {
	color: var(--cm-muted);
}