/*!
 * Naija Money Guide News — dark-mode.css
 * Activated by main.js toggling data-nmg-theme="dark" on <html>,
 * either from saved preference or prefers-color-scheme.
 */

html[data-nmg-theme="dark"] {
	--nmg-white: #14161c;
	--nmg-black: #eef0f2;
	--nmg-gray-100: #1c1f26;
	--nmg-gray-200: #262a33;
	--nmg-gray-400: #3a3f4a;
	--nmg-gray-600: #a3a9b3;
	--nmg-gray-800: #d7dae0;
	--nmg-border: #2a2e37;
}

html[data-nmg-theme="dark"] body {
	background: var(--nmg-white);
	color: var(--nmg-black);
}

html[data-nmg-theme="dark"] .nmg-site-header,
html[data-nmg-theme="dark"] .nmg-mobile-drawer,
html[data-nmg-theme="dark"] .nmg-mobile-category-panel,
html[data-nmg-theme="dark"] .nmg-mobile-bottom-nav,
html[data-nmg-theme="dark"] .nmg-search-overlay,
html[data-nmg-theme="dark"] .nmg-calculator,
html[data-nmg-theme="dark"] .nmg-whatsapp-popup,
html[data-nmg-theme="dark"] .nmg-footer,
html[data-nmg-theme="dark"] .nmg-mega-menu {
	background: var(--nmg-white);
	color: var(--nmg-black);
	border-color: var(--nmg-border);
}

html[data-nmg-theme="dark"] .nmg-news-card-media,
html[data-nmg-theme="dark"] .nmg-hero-media,
html[data-nmg-theme="dark"] .nmg-newsletter,
html[data-nmg-theme="dark"] .nmg-toc,
html[data-nmg-theme="dark"] .nmg-author-box,
html[data-nmg-theme="dark"] .nmg-calculator-result,
html[data-nmg-theme="dark"] .nmg-share-btn,
html[data-nmg-theme="dark"] .nmg-footer {
	background: var(--nmg-gray-100);
}

html[data-nmg-theme="dark"] .nmg-field input,
html[data-nmg-theme="dark"] .nmg-field select,
html[data-nmg-theme="dark"] .nmg-newsletter-form input,
html[data-nmg-theme="dark"] .nmg-search-input,
html[data-nmg-theme="dark"] .nmg-drawer-search-input,
html[data-nmg-theme="dark"] .nmg-comment-form textarea,
html[data-nmg-theme="dark"] .nmg-comment-form input {
	background: var(--nmg-gray-200);
	color: var(--nmg-black);
	border-color: var(--nmg-border);
}

html[data-nmg-theme="dark"] .nmg-btn-secondary {
	background: var(--nmg-gray-200);
	color: var(--nmg-black);
}

html[data-nmg-theme="dark"] .nmg-icon-btn:hover {
	background: var(--nmg-gray-200);
}

html[data-nmg-theme="dark"] .nmg-search-overlay {
	background: rgba(20, 22, 28, 0.98);
}

html[data-nmg-theme="dark"] .nmg-article-content blockquote {
	color: var(--nmg-gray-800);
}