/* Site-wide dark mode — keys off html.dark / body.dark */

html.dark {
    color-scheme: dark;
}

html.dark body,
body.dark {
    background-color: #0b1220;
    color: #e2e8f0;
}

/* ─── React header ─────────────────────────────────────────────────────── */
html.dark .modern-header,
body.dark .modern-header {
    background: #0f172a;
    border-bottom: 1px solid #1e293b;
}

html.dark .modern-header.scrolled,
body.dark .modern-header.scrolled {
    background: rgba(15, 23, 42, 0.95);
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.35);
}

html.dark .modern-header .nav-link,
html.dark .modern-header .btn-text,
body.dark .modern-header .nav-link,
body.dark .modern-header .btn-text {
    color: #e2e8f0;
}

html.dark .modern-header .nav-link:hover,
html.dark .modern-header .btn-text:hover,
body.dark .modern-header .nav-link:hover,
body.dark .modern-header .btn-text:hover {
    color: #60a5fa;
    background: rgba(96, 165, 250, 0.1);
}

html.dark .modern-header .user-menu-button,
body.dark .modern-header .user-menu-button {
    border-color: #334155;
    background: #1e293b;
}

html.dark .modern-header .user-menu-button:hover,
body.dark .modern-header .user-menu-button:hover {
    border-color: #60a5fa;
    background: rgba(96, 165, 250, 0.1);
}

html.dark .modern-header .user-avatar,
html.dark .modern-header .dropdown-profile-avatar,
body.dark .modern-header .user-avatar,
body.dark .modern-header .dropdown-profile-avatar {
    filter: invert(1) brightness(1.15);
}

html.dark .modern-header .chevron,
body.dark .modern-header .chevron {
    color: #94a3b8;
}

html.dark .modern-header .user-dropdown,
body.dark .modern-header .user-dropdown {
    background: #1e293b;
    border-color: #334155;
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.45);
}

html.dark .modern-header .dropdown-item,
html.dark .modern-header .dropdown-profile-label,
body.dark .modern-header .dropdown-item,
body.dark .modern-header .dropdown-profile-label {
    color: #e2e8f0;
}

html.dark .modern-header .dropdown-item:hover,
body.dark .modern-header .dropdown-item:hover {
    background: rgba(96, 165, 250, 0.12);
    color: #93c5fd;
}

html.dark .modern-header .mobile-nav,
html.dark .modern-header .mobile-nav-content,
body.dark .modern-header .mobile-nav,
body.dark .modern-header .mobile-nav-content {
    background: #0f172a !important;
    border-top-color: #1e293b !important;
}

html.dark .modern-header .mobile-nav-link,
body.dark .modern-header .mobile-nav-link {
    color: #e2e8f0 !important;
}

html.dark .modern-header .mobile-nav-link:hover,
html.dark .modern-header .mobile-nav-link:focus,
body.dark .modern-header .mobile-nav-link:hover,
body.dark .modern-header .mobile-nav-link:focus {
    color: #60a5fa !important;
}

html.dark .modern-header .hamburger-line,
body.dark .modern-header .hamburger-line {
    background: #e2e8f0 !important;
}

/* ─── Mustache header ──────────────────────────────────────────────────── */
html.dark .modern-header-mustache,
body.dark .modern-header-mustache {
    background: #0f172a;
    border-bottom: 1px solid #1e293b;
}

html.dark .modern-header-mustache.scrolled,
body.dark .modern-header-mustache.scrolled {
    background: rgba(15, 23, 42, 0.95);
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.35);
}

html.dark .nav-link-mustache,
html.dark .btn-text-mustache,
body.dark .nav-link-mustache,
body.dark .btn-text-mustache {
    color: #e2e8f0;
}

html.dark .nav-link-mustache:hover,
html.dark .btn-text-mustache:hover,
body.dark .nav-link-mustache:hover,
body.dark .btn-text-mustache:hover {
    color: #60a5fa;
    background: rgba(96, 165, 250, 0.1);
}

html.dark .mobile-nav-mustache,
html.dark .mobile-nav-content-mustache,
body.dark .mobile-nav-mustache,
body.dark .mobile-nav-content-mustache {
    background: #0f172a !important;
}

html.dark .mobile-nav-link-mustache,
body.dark .mobile-nav-link-mustache {
    color: #e2e8f0 !important;
}

html.dark .mobile-nav-link-mustache:hover,
body.dark .mobile-nav-link-mustache:hover {
    color: #60a5fa !important;
}

html.dark .hamburger-line-mustache,
body.dark .hamburger-line-mustache {
    background: #e2e8f0 !important;
}

html.dark .mobile-nav-divider-mustache,
body.dark .mobile-nav-divider-mustache {
    background: #334155 !important;
}

/* ─── Theme toggle button ──────────────────────────────────────────────── */
.theme-toggle-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    padding: 0;
    border: 1.5px solid #e5e7eb;
    border-radius: 10px;
    background: transparent;
    color: #023047;
    cursor: pointer;
    transition: background 0.2s, border-color 0.2s, color 0.2s;
    flex-shrink: 0;
}

.theme-toggle-btn:hover {
    border-color: #32a8ee;
    background: rgba(50, 168, 238, 0.08);
    color: #32a8ee;
}

.theme-toggle-btn svg {
    width: 18px;
    height: 18px;
    display: block;
}

.theme-toggle-btn .theme-icon-sun {
    display: none;
}

.theme-toggle-btn .theme-icon-moon {
    display: block;
}

html.dark .theme-toggle-btn,
body.dark .theme-toggle-btn {
    border-color: #334155;
    color: #e2e8f0;
}

html.dark .theme-toggle-btn:hover,
body.dark .theme-toggle-btn:hover {
    border-color: #60a5fa;
    background: rgba(96, 165, 250, 0.12);
    color: #93c5fd;
}

html.dark .theme-toggle-btn .theme-icon-sun,
body.dark .theme-toggle-btn .theme-icon-sun {
    display: block;
}

html.dark .theme-toggle-btn .theme-icon-moon,
body.dark .theme-toggle-btn .theme-icon-moon {
    display: none;
}

/* ─── Footer ───────────────────────────────────────────────────────────── */
html.dark .modern-footer,
html.dark .modern-footer-react,
body.dark .modern-footer,
body.dark .modern-footer-react {
    background: #0f172a !important;
    color: #e2e8f0 !important;
}

html.dark .footer-content,
html.dark .footer-content-react,
body.dark .footer-content,
body.dark .footer-content-react {
    border-bottom-color: #334155 !important;
}

html.dark .footer-description,
html.dark .footer-description-react,
html.dark .footer-links a,
html.dark .footer-links-react a,
html.dark .footer-bottom,
html.dark .footer-bottom a,
html.dark .footer-copyright-react,
body.dark .footer-description,
body.dark .footer-description-react,
body.dark .footer-links a,
body.dark .footer-links-react a,
body.dark .footer-bottom,
body.dark .footer-bottom a,
body.dark .footer-copyright-react {
    color: #94a3b8 !important;
}

html.dark .footer-column-title,
html.dark .footer-column-title-react,
html.dark .footer-column h3,
html.dark .footer-column h4,
body.dark .footer-column-title,
body.dark .footer-column-title-react,
body.dark .footer-column h3,
body.dark .footer-column h4 {
    color: #f8fafc !important;
}

html.dark .footer-links a:hover,
html.dark .footer-links-react a:hover,
html.dark .footer-bottom a:hover,
body.dark .footer-links a:hover,
body.dark .footer-links-react a:hover,
body.dark .footer-bottom a:hover {
    color: #60a5fa !important;
}

html.dark .footer-social-link,
html.dark .footer-social-link-react,
body.dark .footer-social-link,
body.dark .footer-social-link-react {
    background: #1e293b !important;
    color: #e2e8f0 !important;
    box-shadow: none !important;
}

html.dark .footer-social-link:hover,
html.dark .footer-social-link-react:hover,
body.dark .footer-social-link:hover,
body.dark .footer-social-link-react:hover {
    background: #32a8ee !important;
    color: #ffffff !important;
}

/* ─── Common React surfaces ────────────────────────────────────────────── */
html.dark .Main,
html.dark .MainTitle,
body.dark .Main,
body.dark .MainTitle {
    color: #e2e8f0;
}

html.dark .AccountNew-header,
html.dark .AccountNew-card,
body.dark .AccountNew-header,
body.dark .AccountNew-card {
    background: #1e293b;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.35);
    color: #e2e8f0;
}

html.dark .AccountNew-card-header,
body.dark .AccountNew-card-header {
    color: #e2e8f0;
}

html.dark .AccountNew-card-text,
body.dark .AccountNew-card-text {
    color: #94a3b8;
}

html.dark .AccountNew-theme-row,
body.dark .AccountNew-theme-row {
    border-bottom-color: #334155;
}

html.dark .AccountNew-theme-label,
body.dark .AccountNew-theme-label {
    color: #f8fafc;
}

html.dark .AccountNew-wrapper,
body.dark .AccountNew-wrapper {
    background: #0b1220;
}

html.dark .AccountNew-title,
html.dark .AccountNew-subtitle,
html.dark .AccountNew-email,
html.dark .AccountNew-plan-name,
html.dark .AccountNew-label,
html.dark .AccountNew-value,
html.dark .AccountNew-upgrade-text,
body.dark .AccountNew-title,
body.dark .AccountNew-subtitle,
body.dark .AccountNew-email,
body.dark .AccountNew-plan-name,
body.dark .AccountNew-label,
body.dark .AccountNew-value,
body.dark .AccountNew-upgrade-text {
    color: #e2e8f0;
}

html.dark .AccountNew-subtitle,
html.dark .AccountNew-label,
body.dark .AccountNew-subtitle,
body.dark .AccountNew-label {
    color: #94a3b8;
}

html.dark .form-control,
html.dark input[type='text'],
html.dark input[type='email'],
html.dark input[type='password'],
html.dark textarea,
html.dark select,
body.dark .form-control,
body.dark input[type='text'],
body.dark input[type='email'],
body.dark input[type='password'],
body.dark textarea,
body.dark select {
    background-color: #1e293b;
    border-color: #334155;
    color: #e2e8f0;
}

html.dark .button-23,
body.dark .button-23 {
    background-color: #1e293b;
    border-color: #64748b;
    color: #e2e8f0;
}

html.dark .LoadMore,
body.dark .LoadMore {
    background: #1e293b;
    color: #60a5fa;
}

html.dark .Alert-info,
html.dark .AlertSuccess,
body.dark .Alert-info,
body.dark .AlertSuccess {
    background-color: #1e293b;
    border-color: #334155;
    color: #e2e8f0;
}

html.dark .text-muted,
body.dark .text-muted {
    color: #94a3b8 !important;
}

/* ─── Pricing / payment chrome ─────────────────────────────────────────── */
html.dark .Payment,
html.dark .Pricing_Main,
body.dark .Payment,
body.dark .Pricing_Main {
    background-color: #0b1220;
    color: #e2e8f0;
}

/* ─── Homepage (v14) dark mode ─────────────────────────────────────────── */
html.dark {
    --bg-cream: #0f172a;
    --bg-white: #1e293b;
    --primary-light: #1e3a5f;
    --text-dark: #f1f5f9;
    --text-muted: #94a3b8;
    --text-light: #64748b;
    --border: #334155;
}

html.dark body,
body.dark {
    background: #0b1220 !important;
    color: #e2e8f0;
}

html.dark .v14-nav,
body.dark .v14-nav {
    background: rgba(15, 23, 42, 0.96);
    border-bottom: 1px solid #1e293b;
}

html.dark .v14-nav-links a,
html.dark .v14-nav-actions > a:not(.v14-btn),
html.dark .v14-nav-logo,
body.dark .v14-nav-links a,
body.dark .v14-nav-actions > a:not(.v14-btn),
body.dark .v14-nav-logo {
    color: #e2e8f0 !important;
}

html.dark .v14-nav-actions > a:not(.v14-btn):visited,
html.dark .v14-nav-actions > a:not(.v14-btn):active,
html.dark .v14-nav-actions > a:not(.v14-btn):hover,
body.dark .v14-nav-actions > a:not(.v14-btn):visited,
body.dark .v14-nav-actions > a:not(.v14-btn):active,
body.dark .v14-nav-actions > a:not(.v14-btn):hover {
    color: #93c5fd !important;
}

html.dark .v14-btn-primary,
html.dark .v14-mobile-menu-links .v14-btn-primary,
html.dark .v14-mobile-menu-links .v14-btn-primary:visited,
html.dark .v14-mobile-menu-links .v14-btn-primary:hover,
html.dark .v14-mobile-menu-links .v14-btn-primary:active,
body.dark .v14-btn-primary,
body.dark .v14-mobile-menu-links .v14-btn-primary,
body.dark .v14-mobile-menu-links .v14-btn-primary:visited,
body.dark .v14-mobile-menu-links .v14-btn-primary:hover,
body.dark .v14-mobile-menu-links .v14-btn-primary:active {
    background: #32a8ee !important;
    color: #ffffff !important;
}

html.dark .v14-btn-secondary,
body.dark .v14-btn-secondary {
    color: #e2e8f0;
    border-color: #475569;
}

html.dark .v14-nav-hamburger-line,
body.dark .v14-nav-hamburger-line {
    background: #e2e8f0;
}

html.dark .v14-mobile-menu,
body.dark .v14-mobile-menu {
    background: #0f172a;
    border-top-color: #1e293b;
}

html.dark .v14-mobile-menu-links a,
body.dark .v14-mobile-menu-links a {
    color: #e2e8f0 !important;
}

html.dark .v14-mobile-menu-links a:hover,
body.dark .v14-mobile-menu-links a:hover {
    background: rgba(148, 163, 184, 0.12);
}

html.dark .v14-hero,
html.dark .v14-section,
html.dark .v14-formats,
html.dark .v14-pricing,
html.dark .v14-faq,
html.dark .v14-video-section,
html.dark .v14-testimonials,
html.dark .v14-dashboard,
body.dark .v14-hero,
body.dark .v14-section,
body.dark .v14-formats,
body.dark .v14-pricing,
body.dark .v14-faq,
body.dark .v14-video-section,
body.dark .v14-testimonials,
body.dark .v14-dashboard {
    background-color: transparent;
    color: #e2e8f0;
}

html.dark .v14-hero-wrapper,
body.dark .v14-hero-wrapper {
    background: #0f172a;
}

html.dark .v14-steps,
body.dark .v14-steps {
    background: #1e293b;
    color: #e2e8f0;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.35);
}

html.dark .v14-step-number,
body.dark .v14-step-number {
    background: #1e3a5f;
    color: #60a5fa;
}

html.dark .v14-hero-content h1,
html.dark .v14-section-header h2,
html.dark .v14-steps-header h2,
html.dark .v14-formats-content h2,
html.dark .v14-pricing-header h2,
html.dark .v14-faq-content h2,
html.dark .v14-video-header h2,
html.dark .v14-testimonials-header h2,
body.dark .v14-hero-content h1,
body.dark .v14-section-header h2,
body.dark .v14-steps-header h2,
body.dark .v14-formats-content h2,
body.dark .v14-pricing-header h2,
body.dark .v14-faq-content h2,
body.dark .v14-video-header h2,
body.dark .v14-testimonials-header h2 {
    color: #f8fafc !important;
}

html.dark .v14-hero-subtitle,
html.dark .v14-section-header p,
html.dark .v14-steps-header p,
html.dark .v14-formats-content > p,
html.dark .v14-pricing-header p,
html.dark .v14-faq-content p,
html.dark .v14-video-header p,
html.dark .v14-testimonials-header p,
body.dark .v14-hero-subtitle,
body.dark .v14-section-header p,
body.dark .v14-steps-header p,
body.dark .v14-formats-content > p,
body.dark .v14-pricing-header p,
body.dark .v14-faq-content p,
body.dark .v14-video-header p,
body.dark .v14-testimonials-header p {
    color: #94a3b8 !important;
}

/* Featured-in / logos strip */
html.dark .v14-logos,
body.dark .v14-logos {
    background: #111827;
    border-bottom-color: #1e293b;
}

html.dark .v14-logos-label,
body.dark .v14-logos-label {
    color: #94a3b8;
}

html.dark .v14-logos-grid img,
body.dark .v14-logos-grid img {
    opacity: 0.75;
    filter: grayscale(1) brightness(1.35);
}

/* Feature cards */
html.dark .v14-feature-card,
body.dark .v14-feature-card {
    background: #1e293b;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.35);
    color: #e2e8f0;
}

html.dark .v14-feature-card h3,
body.dark .v14-feature-card h3 {
    color: #f8fafc;
}

html.dark .v14-feature-card p,
body.dark .v14-feature-card p {
    color: #94a3b8;
}

/* Steps */
html.dark .v14-step,
body.dark .v14-step {
    color: #e2e8f0;
}

html.dark .v14-step h3,
body.dark .v14-step h3 {
    color: #f8fafc;
}

html.dark .v14-step p,
body.dark .v14-step p {
    color: #94a3b8;
}

/* Formats / filter widget */
html.dark .v14-formats-visual,
html.dark .v14-dashboard-card,
html.dark .v14-stats-badge,
body.dark .v14-formats-visual,
body.dark .v14-dashboard-card,
body.dark .v14-stats-badge {
    background: #1e293b;
    box-shadow: 0 4px 40px rgba(0, 0, 0, 0.35);
    color: #e2e8f0;
}

html.dark .v14-formats-visual-title,
html.dark .v14-stats-number,
body.dark .v14-formats-visual-title,
body.dark .v14-stats-number {
    color: #f8fafc;
}

html.dark .v14-formats-tab,
body.dark .v14-formats-tab {
    background: #0f172a;
    color: #94a3b8;
}

html.dark .v14-formats-tab.active,
body.dark .v14-formats-tab.active {
    background: #32a8ee;
    color: #ffffff;
}

html.dark .v14-formats-count,
body.dark .v14-formats-count {
    background: #0f172a;
    color: #94a3b8;
}

html.dark .v14-format-text p,
html.dark .v14-dashboard-item-meta,
html.dark .v14-dashboard-item-label,
body.dark .v14-format-text p,
body.dark .v14-dashboard-item-meta,
body.dark .v14-dashboard-item-label {
    color: #94a3b8;
}

html.dark .v14-dashboard-item,
body.dark .v14-dashboard-item {
    border-bottom-color: #334155;
}

html.dark .v14-dashboard-item-title,
body.dark .v14-dashboard-item-title {
    color: #f8fafc;
}

html.dark .v14-dashboard-tab.active,
body.dark .v14-dashboard-tab.active {
    background: #e2e8f0;
    color: #0f172a;
}

/* Audio player cards on homepage */
html.dark .v14-audio-player,
html.dark .v14-audio-book,
html.dark .v14-audio-now-playing,
body.dark .v14-audio-player,
body.dark .v14-audio-book,
body.dark .v14-audio-now-playing {
    background: #1e293b;
    color: #e2e8f0;
}

html.dark .v14-audio-title,
body.dark .v14-audio-title {
    color: #f8fafc !important;
}

html.dark .v14-audio-author,
html.dark .v14-audio-times,
html.dark .v14-audio-duration,
body.dark .v14-audio-author,
body.dark .v14-audio-times,
body.dark .v14-audio-duration {
    color: #94a3b8 !important;
}

html.dark .v14-audio-duration,
body.dark .v14-audio-duration {
    background: rgba(148, 163, 184, 0.15);
}

html.dark .v14-audio-progress-bar,
body.dark .v14-audio-progress-bar {
    background: rgba(148, 163, 184, 0.25);
}

/* Pricing cards — dark surfaces, readable text */
html.dark .v14-pricing-card:not(.featured),
body.dark .v14-pricing-card:not(.featured) {
    background: #1e293b;
    color: #e2e8f0;
    border: 1px solid #334155;
}

html.dark .v14-pricing-card:not(.featured) .v14-pricing-plan-name,
html.dark .v14-pricing-card:not(.featured) .v14-pricing-amount,
body.dark .v14-pricing-card:not(.featured) .v14-pricing-plan-name,
body.dark .v14-pricing-card:not(.featured) .v14-pricing-amount {
    color: #f8fafc;
}

html.dark .v14-pricing-card:not(.featured) .v14-pricing-desc,
html.dark .v14-pricing-card:not(.featured) .v14-pricing-features li,
html.dark .v14-pricing-card:not(.featured) .v14-pricing-period,
body.dark .v14-pricing-card:not(.featured) .v14-pricing-desc,
body.dark .v14-pricing-card:not(.featured) .v14-pricing-features li,
body.dark .v14-pricing-card:not(.featured) .v14-pricing-period {
    color: #cbd5e1;
}

html.dark .v14-pricing-card:not(.featured) .v14-pricing-desc,
body.dark .v14-pricing-card:not(.featured) .v14-pricing-desc {
    border-bottom-color: #334155;
}

html.dark .v14-pricing-btn.outline,
body.dark .v14-pricing-btn.outline {
    color: #e2e8f0 !important;
    border-color: #475569;
}

html.dark .v14-pricing-btn.outline:hover,
body.dark .v14-pricing-btn.outline:hover {
    border-color: #93c5fd;
    color: #93c5fd !important;
}

html.dark .v14-pricing-check,
body.dark .v14-pricing-check {
    background: #064e3b;
    color: #34d399;
}

/* FAQ accordion */
html.dark .v14-faq-item,
body.dark .v14-faq-item {
    background: #1e293b;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
    color: #e2e8f0;
}

html.dark .v14-faq-question,
body.dark .v14-faq-question {
    color: #f8fafc;
}

html.dark .v14-faq-answer p,
body.dark .v14-faq-answer p {
    color: #94a3b8 !important;
}

html.dark .v14-faq-question svg,
body.dark .v14-faq-question svg {
    color: #94a3b8;
}

/* Testimonials */
html.dark .v14-testimonial-card,
body.dark .v14-testimonial-card {
    color: #f8fafc;
}

/* Affiliate / misc light cards */
html.dark .v14-affiliate-card,
body.dark .v14-affiliate-card {
    background: linear-gradient(90deg, #1e293b 0%, #0f172a 100%) !important;
    border-color: #334155;
    box-shadow: none;
}

html.dark .v14-affiliate-title,
body.dark .v14-affiliate-title {
    color: #f8fafc !important;
}

html.dark .v14-affiliate-copy,
body.dark .v14-affiliate-copy {
    color: #94a3b8 !important;
}

html.dark .v14-affiliate-cta,
html.dark .v14-affiliate-cta:hover,
body.dark .v14-affiliate-cta,
body.dark .v14-affiliate-cta:hover {
    background: #32a8ee !important;
    color: #ffffff !important;
}

html.dark .v14-deal-modal-dialog,
body.dark .v14-deal-modal-dialog {
    background: #1e293b;
    color: #e2e8f0;
}

html.dark .v14-deal-modal-title,
body.dark .v14-deal-modal-title {
    color: #f8fafc;
}

html.dark .v14-deal-modal-copy,
html.dark .v14-deal-modal-list li,
body.dark .v14-deal-modal-copy,
body.dark .v14-deal-modal-list li {
    color: #cbd5e1;
}

html.dark .v14-deal-modal-close,
body.dark .v14-deal-modal-close {
    background: #334155;
    color: #e2e8f0;
}

html.dark .v14-deal-modal-upgrade,
body.dark .v14-deal-modal-upgrade {
    background: #32a8ee !important;
    color: #ffffff !important;
}

/* Footer already dark-ish via modern footer; keep v14 footer readable */
html.dark .v14-footer,
body.dark .v14-footer {
    background: #020617;
    color: #94a3b8;
}

/* ─── About page ───────────────────────────────────────────────────────── */
html.dark .AboutNew {
    --an-navy: #f8fafc;
    --an-gray: #94a3b8;
    --an-text: #f1f5f9;
    --an-muted: #94a3b8;
    --an-border: #334155;
    --an-soft: #1e293b;
    --an-alt: #0f172a;
    background: #0b1220 !important;
    color: #e2e8f0;
}

html.dark .AboutNew-section-alt {
    background: #0f172a !important;
}

html.dark .AboutNew-hero {
    background: linear-gradient(135deg, #0f172a 0%, #111827 55%, #1e293b 100%) !important;
}

html.dark .AboutNew-hero-card,
html.dark .AboutNew-card,
html.dark .AboutNew-founder-card,
html.dark .AboutNew-press-card,
html.dark .AboutNew-founder-pill,
html.dark .AboutNew-timeline-dot {
    background: #1e293b !important;
    color: #e2e8f0 !important;
    border-color: #334155 !important;
}

html.dark .AboutNew-title,
html.dark .AboutNew-hero-title,
html.dark .AboutNew h1,
html.dark .AboutNew h2,
html.dark .AboutNew h3,
html.dark .AboutNew-founder-name {
    color: #f8fafc !important;
}

html.dark .AboutNew-founder-role,
html.dark .AboutNew-stat-label,
html.dark .AboutNew-label {
    color: #94a3b8 !important;
}

html.dark .AboutNew-lead,
html.dark .AboutNew-hero-copy,
html.dark .AboutNew-card-text,
html.dark .AboutNew-story-quote,
html.dark .AboutNew p {
    color: #94a3b8 !important;
}

html.dark .AboutNew-cta {
    background: linear-gradient(135deg, #0f172a 0%, #1e3a5f 100%) !important;
    color: #f8fafc !important;
}

html.dark .AboutNew-cta h2 {
    color: #f8fafc !important;
}

html.dark .AboutNew-cta p {
    color: rgba(248, 250, 252, 0.85) !important;
}

/* ─── Book landing ─────────────────────────────────────────────────────── */
html.dark {
    --bl-primary-light: #1e3a5f;
    --bl-purple-light: #3b0764;
    --bl-teal-light: #134e4a;
    --bl-text: #ffffff;
    --bl-text-muted: #ffffff;
    --bl-border: #334155;
    --bl-bg: #0b1220;
}

html.dark .BookLanding {
    background: #0b1220 !important;
    color: #ffffff !important;
}

html.dark .BookLanding-hero,
html.dark .BookLanding-section,
html.dark .BookLanding-proof-card,
html.dark .BookLanding-similar-card,
html.dark .BookLanding-faq-item,
html.dark .BookLanding-loader-card,
html.dark .BookLanding-meta-pill,
html.dark .BookLanding-featured,
html.dark .BookLanding-locked,
html.dark .BookLanding-cta,
html.dark .BookLanding-start-learning .dropdown-menu {
    background: #1e293b !important;
    border-color: #334155 !important;
    color: #ffffff !important;
}

html.dark .BookLanding-action-btn:not(.BookLanding-action-btn--primary):not(.BookLanding-action-btn--amazon):not(.BookLanding-action-btn--buy) {
    background: #0f172a !important;
    color: #e2e8f0 !important;
    border-color: #334155 !important;
}

html.dark .BookLanding-action-btn--primary {
    background: #32a8ee !important;
    color: #ffffff !important;
    border-color: #32a8ee !important;
}

html.dark .BookLanding-category {
    background: #6b21a8 !important;
    border-color: #a855f7 !important;
    color: #ffffff !important;
}

html.dark .BookLanding-category:hover {
    background: #7e22ce !important;
    color: #ffffff !important;
}

html.dark .BookLanding-action-btn--buy {
    background: #6b21a8 !important;
    border-color: #a855f7 !important;
    color: #ffffff !important;
}

html.dark .BookLanding-action-btn--buy:hover {
    background: #7e22ce !important;
    border-color: #c084fc !important;
    color: #ffffff !important;
}

html.dark .BookLanding-action-btn--pricing {
    background: #134e4a !important;
    border-color: #2dd4bf !important;
    color: #ffffff !important;
}

html.dark .BookLanding-action-btn--pricing:hover {
    background: #0f766e !important;
    color: #ffffff !important;
}

html.dark .BookLanding-section--accent,
html.dark .BookLanding-section--author,
html.dark .BookLanding-section--analysis,
html.dark .BookLanding-section--exercises {
    background: #0f172a !important;
}

html.dark .BookLanding-title,
html.dark .BookLanding-cta-title,
html.dark .BookLanding h1,
html.dark .BookLanding h2,
html.dark .BookLanding h3,
html.dark .BookLanding-breadcrumb-current {
    color: #ffffff !important;
}

html.dark .BookLanding-author,
html.dark .BookLanding-keyword-intro,
html.dark .BookLanding-intro,
html.dark .BookLanding-intro p,
html.dark .BookLanding-exercises-intro,
html.dark .BookLanding-cta-benefits,
html.dark .BookLanding-cta-benefits li,
html.dark .BookLanding p,
html.dark .BookLanding li,
html.dark .BookLanding-breadcrumb,
html.dark .BookLanding-breadcrumb-sep {
    color: #ffffff !important;
}

html.dark .BookLanding-locked-overlay,
html.dark .BookLanding-locked-overlay--exercises {
    background: linear-gradient(to bottom, rgba(15, 23, 42, 0.35), #0f172a 45%) !important;
    border-top-color: #334155 !important;
}

html.dark .BookLanding-locked-text {
    color: #ffffff !important;
}

html.dark .BookLanding-exercise-step {
    border-bottom-color: #334155 !important;
}

html.dark .BookLanding-exercise-label {
    color: #ffffff !important;
}

html.dark .BookLanding-exercise-line {
    background: #475569 !important;
}

html.dark .BookLanding-breadcrumb a,
html.dark .BookLanding-author a {
    color: #ffffff !important;
}

html.dark .BookLanding-share-btn {
    background: #1e3a5f !important;
    color: #ffffff !important;
    border-color: #334155 !important;
}

html.dark .BookLanding-upgrade-bar {
    background: #2563eb !important;
}

html.dark .BookLanding-upgrade-bar-text,
html.dark .BookLanding-upgrade-bar-text strong {
    color: #ffffff !important;
}

html.dark .BookLanding-upgrade-bar-btn {
    background: #ffffff !important;
    color: #1d4ed8 !important;
    border-color: #ffffff !important;
}

html.dark .BookLanding-btn {
    background: #0f172a !important;
    color: #e2e8f0 !important;
    border-color: #475569 !important;
}

html.dark .BookLanding-btn-primary {
    background: #32a8ee !important;
    color: #ffffff !important;
    border-color: #32a8ee !important;
}

html.dark .BookLanding-cover-wrap {
    background: #0f172a !important;
    border-color: #334155 !important;
}

/* Free book landing */
html.dark {
    --free-bg: #0b1220;
    --free-white: #1e293b;
    --free-text-dark: #f1f5f9;
    --free-text-muted: #94a3b8;
    --free-border: #334155;
    --free-yellow: #422006;
    --free-yellow-dark: #78350f;
    --free-yellow-text: #fde68a;
}

html.dark .free-book-page,
html.dark body:has(.free-book-page) {
    background: #0b1220 !important;
    color: #e2e8f0;
}

html.dark .free-book-page h1,
html.dark .free-book-page h2,
html.dark .free-book-page h3 {
    color: #f8fafc !important;
}

/* ─── Growth hub + quiz landing ────────────────────────────────────────── */
html.dark {
    --g-bg: #0b1220;
    --g-card: #1e293b;
    --g-text: #e2e8f0;
    --g-muted: #94a3b8;
    --g-primary-light: #1e3a5f;
    --g-border: #334155;
    --g-accent-light: #064e3b;
}

html.dark .Growth,
html.dark .GrowthLanding,
html.dark html,
html.dark body:has(.Growth),
html.dark body:has(.GrowthLanding) {
    background: #0b1220 !important;
    color: #e2e8f0;
}

html.dark .Growth-hero h1,
html.dark .GrowthLanding-hero h1,
html.dark .Growth-section-header h2 {
    color: #f8fafc !important;
}

html.dark .Growth-hero h1 em,
html.dark .GrowthLanding-hero h1 em {
    color: #ffffff !important;
}

html.dark .Growth-subtitle,
html.dark .GrowthLanding-lead,
html.dark .Growth-section-header p {
    color: #94a3b8 !important;
}

html.dark .Growth-hero,
html.dark .GrowthLanding-hero {
    background: #0f172a !important;
    border-bottom-color: #1e293b !important;
}

html.dark .Growth-card,
html.dark .Growth-card-icon-wrap {
    background: #1e293b !important;
    border-color: #334155 !important;
    color: #e2e8f0 !important;
}

html.dark .Growth-quiz-card {
    background: #1e293b !important;
    border-color: #334155 !important;
    color: #e2e8f0 !important;
}

html.dark .Growth-quiz-card:hover {
    background: #0f172a !important;
    border-color: #475569 !important;
}

html.dark .Growth-quizzes {
    border-top-color: #334155 !important;
}

html.dark .Growth-quizzes > h2,
html.dark .Growth-quiz-card h3 {
    color: #f8fafc !important;
}

html.dark .Growth-quiz-card p,
html.dark .Growth-section-copy {
    color: #94a3b8 !important;
}

html.dark .Growth-quiz-card span {
    background: #1e3a5f !important;
    color: #93c5fd !important;
}

html.dark .Growth-card h3,
html.dark .Growth-card-title {
    color: #f8fafc !important;
}

html.dark .Growth-quote-banner {
    background: #422006 !important;
    color: #fde68a !important;
}

html.dark .Growth-quote-btn {
    background: #78350f !important;
    color: #fde68a !important;
}

html.dark .Growth h1,
html.dark .Growth h2,
html.dark .GrowthLanding h1,
html.dark .GrowthLanding h2 {
    color: #f8fafc !important;
}

html.dark .Growth p,
html.dark .GrowthLanding p,
html.dark .GrowthLanding-lead,
html.dark .GrowthLanding-meta {
    color: #94a3b8 !important;
}

/* Growth quiz React pages */
html.dark .GQ-wrap {
    color: #e2e8f0;
}

html.dark .GQ-card {
    background: #1e293b !important;
    border-color: #334155 !important;
    color: #e2e8f0;
}

html.dark .GQ-card h1 {
    color: #f8fafc;
}

html.dark .GQ-progress,
html.dark .GQ-note {
    color: #94a3b8 !important;
}

html.dark .GQ-scale button {
    background: #1e3a5f !important;
    border-color: #334155 !important;
    color: #93c5fd !important;
}

/* ─── Teams / business page ────────────────────────────────────────────── */
html.dark ._header_sumizeit_wrapper,
html.dark ._header_sumizeit_cont_wrap,
html.dark ._team_quality_sumizeit_wrapper,
html.dark ._quality_sumizeit_wrapper,
html.dark ._package_sumizeit_wrapper,
html.dark ._team_featured_in,
html.dark ._testi_wrapper {
    background: #0b1220 !important;
    color: #e2e8f0 !important;
}

html.dark ._feature_icon_sumizeit_wrapper {
    background: #0f172a !important;
    color: #e2e8f0 !important;
}

html.dark ._quality_sumizeit_card,
html.dark ._package_sumizeit_card,
html.dark ._testi_slider_item {
    background: #1e293b !important;
    color: #e2e8f0 !important;
    border-radius: 12px;
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.35) !important;
}

html.dark ._q-col {
    background: transparent !important;
    box-shadow: none !important;
    border-radius: 0 !important;
}

html.dark ._header_sumizeit_cont {
    color: #e2e8f0 !important;
}

html.dark ._header_sumizeit_cont h3,
html.dark ._header_sumizeit_cont_title,
html.dark ._header_teams_title,
html.dark ._feature_icon_sumizeit_heading_txt,
html.dark ._quality_sumizeit_card_cont_txt,
html.dark ._quality_sumizeit_heading_txt,
html.dark ._sumizeit_heading_title,
html.dark ._p-heading,
html.dark ._q-col .title,
html.dark ._package_sumizeit_title,
html.dark span._quality_sumizeit_rating_count {
    color: #f8fafc !important;
}

html.dark span._quality_sumizeit_rating_count {
    color: #32a8ee !important;
}

html.dark ._header_sumizeit_cont_para,
html.dark ._header_teams_subtitle,
html.dark ._quality_sumizeit_card_cont_para,
html.dark ._quality_sumizeit_heading_subtitle,
html.dark ._quality_sumizeit_heading p,
html.dark ._quality_sumizeit_join_thousands,
html.dark ._q-col p,
html.dark ._quality_sumizeit_rating_counts,
html.dark ._quality_sumizeit_rating_counts span,
html.dark ._quality_sumizeit_rating_counts p,
html.dark p._quality_sumizeit_rating_count_fine_print,
html.dark ._sumizeit_heading_para,
html.dark ._testi_slider_item_txt,
html.dark ._testi_slider_item_btm_name,
html.dark ._testi_slider_item_btm_des {
    color: #94a3b8 !important;
}

html.dark ._feature_icon_sumizeit_ic_tag {
    filter: brightness(1.15);
}

html.dark ._quality_sumizeit_rating_image img {
    filter: brightness(0.92) contrast(1.05);
    border-radius: 8px;
}

/* Teams / shared book testimonials (cream cards → dark) */
html.dark .book-testimonials {
    color: #e2e8f0 !important;
}

html.dark .book-testimonials h2 {
    color: #f8fafc !important;
}

html.dark .book-testimonials-users-love {
    color: #94a3b8 !important;
}

html.dark .book-testimonial {
    background: #1e293b !important;
    border: 1px solid #334155 !important;
    color: #e2e8f0 !important;
}

html.dark .book-testimonial p,
html.dark .book-testimonial p b {
    color: #e2e8f0 !important;
}

html.dark .book-testimonial ._star_wrap,
html.dark ._star_wrap {
    filter: none;
}

html.dark .book-testimonial ._star path,
html.dark ._star path {
    fill: #32a8ee !important;
}

html.dark .p-blue,
html.dark .p-underline {
    color: #60a5fa !important;
}

/* ─── Books explore (/books) ───────────────────────────────────────────── */
html.dark .explore-v3-search-section,
html.dark .explore-v3-sidebar,
html.dark .explore-v3-daily-read,
html.dark .explore-v3-sort-bar,
html.dark .explore-v3-sort-dropdown,
html.dark .explore-v3-book-card,
html.dark .explore-v3-not-found-card,
html.dark .explore-v3-toggle-menu {
    background: #1e293b !important;
    border-color: #334155 !important;
    color: #e2e8f0 !important;
}

html.dark .explore-v3-book-card-title,
html.dark .explore-v3-book-card-title a,
html.dark .explore-v3-daily-read-title,
html.dark .explore-v3-sidebar h3,
html.dark .explore-v3-sidebar a {
    color: #f8fafc !important;
}

html.dark .explore-v3-book-card-author,
html.dark .explore-v3-daily-read-author,
html.dark .explore-v3-daily-read-desc {
    color: #94a3b8 !important;
}

html.dark .explore-v3-sidebar a:hover,
html.dark .explore-v3-sidebar a.active {
    background: #0f172a !important;
    color: #60a5fa !important;
}

html.dark .explore-v3-pagination a {
    background: #1e293b !important;
    border-color: #334155 !important;
    color: #e2e8f0 !important;
}

html.dark .explore-v3-affiliate-banner,
html.dark .explore-v3-affiliate-content {
    background: #1e293b !important;
    color: #e2e8f0 !important;
    border-color: #334155 !important;
}

html.dark .explore-v3-affiliate-btn {
    background: #32a8ee !important;
    color: #fff !important;
}

/* ─── Pricing page ─────────────────────────────────────────────────────── */
html.dark {
    --p-white: #0b1220;
    --p-bg: #0f172a;
    --p-bg-alt: #1e293b;
    --p-primary: #f8fafc;
    --p-primary-dark: #e2e8f0;
    --p-primary-light: #1e3a5f;
    --p-text: #f1f5f9;
    --p-muted: #94a3b8;
    --p-border: #334155;
    --p-green-lt: #064e3b;
    --p-amber-bg: #422006;
    --p-amber-text: #fde68a;
}

html.dark .pricing-page,
html.dark .p-hero,
html.dark .p-cards-section {
    background: #0b1220 !important;
    color: #e2e8f0 !important;
}

html.dark .pricing-page .modern-header-mustache {
    background: #0f172a !important;
}

html.dark .p-card,
html.dark .p-business-card,
html.dark .p-testimonial-card,
html.dark .p-faq-item,
html.dark .p-comparison-table,
html.dark .p-alert {
    background: #1e293b !important;
    color: #e2e8f0 !important;
    border-color: #334155 !important;
}

html.dark .p-benefit-card,
html.dark .PricingNew-benefit-card {
    background: transparent !important;
    border-color: transparent !important;
    box-shadow: none !important;
}

html.dark .p-testimonials-cta-btn {
    background: #32a8ee !important;
    color: #ffffff !important;
}

html.dark .p-card-featured {
    background: #1e293b !important;
}

html.dark .p-friend-deal {
    background: linear-gradient(90deg, #064e3b 0%, #14532d 100%) !important;
    border-color: #166534 !important;
}

html.dark .p-friend-deal-title,
html.dark .p-hero h1,
html.dark .pricing-page h1,
html.dark .pricing-page h2,
html.dark .pricing-page h3 {
    color: #f8fafc !important;
}

html.dark .p-friend-deal-copy,
html.dark .p-hero-subtitle,
html.dark .p-muted,
html.dark .pricing-page p {
    color: #94a3b8 !important;
}

html.dark .p-friend-deal-eyebrow {
    color: #86efac !important;
}

html.dark .p-card-icon.monthly,
html.dark .p-card-icon.yearly,
html.dark .p-card-icon.lifetime {
    background: #1e3a5f !important;
    color: #93c5fd !important;
}

html.dark .p-bottom-cta {
    background: #1e293b !important;
    color: #e2e8f0 !important;
}

html.dark .p-comparison-row,
html.dark .p-comparison-head {
    border-color: #334155 !important;
    color: #e2e8f0 !important;
}

/* ─── Homepage featured pricing + bottom CTA ───────────────────────────── */
html.dark .v14-pricing-card.featured {
    background: #ad1be4 !important;
    color: #ffffff !important;
}

html.dark .v14-pricing-card.featured .v14-pricing-plan-name,
html.dark .v14-pricing-card.featured .v14-pricing-amount,
html.dark .v14-pricing-card.featured .v14-pricing-period,
html.dark .v14-pricing-card.featured .v14-pricing-desc,
html.dark .v14-pricing-card.featured .v14-pricing-features li,
html.dark .v14-pricing-card.featured .v14-pricing-badge {
    color: #ffffff !important;
}

html.dark .v14-pricing-card.featured .v14-pricing-btn.filled {
    background: #ffffff !important;
    color: #ad1be4 !important;
}

html.dark .v14-cta {
    background: #ad1be4 !important;
}

html.dark .v14-cta h2 {
    color: #ffffff !important;
}

html.dark .v14-cta p {
    color: rgba(255, 255, 255, 0.85) !important;
}

html.dark .v14-cta-btn,
html.dark .v14-cta-btn:hover {
    background: #ffffff !important;
    color: #2563eb !important;
}

/* ─── /books filter checkboxes ─────────────────────────────────────────── */
html.dark .explore-v3-filter-checkbox label,
html.dark .explore-v3-filters label {
    color: #e2e8f0 !important;
}

html.dark .explore-v3-search-section,
html.dark .explore-v3-filters {
    color: #e2e8f0 !important;
}

/* ─── Shorts landing ───────────────────────────────────────────────────── */
html.dark .Shorts-feature {
    border-color: #334155 !important;
}

html.dark .Shorts-feature h3 {
    color: #f8fafc !important;
}

html.dark .Shorts-feature p {
    color: #94a3b8 !important;
}

/* ─── Infographics page ────────────────────────────────────────────────── */
html.dark .Infographics-body {
    color: #e2e8f0;
}

html.dark .Infographics-affiliate {
    background: #422006 !important;
    border-color: #78350f !important;
}

html.dark .Infographics-affiliate p {
    color: #fde68a !important;
}

html.dark .Infographics-card {
    background: #1e293b !important;
    border-color: #334155 !important;
    color: #e2e8f0 !important;
}

html.dark .Infographics-card h2 {
    color: #f8fafc !important;
}

html.dark .Infographics-card-img {
    background: #0f172a !important;
}

html.dark .Infographics-stars-count,
html.dark .Infographics-card p {
    color: #94a3b8 !important;
}

/* ─── Daily Genius Challenge ───────────────────────────────────────────── */
html.dark .DC-gate {
    background: #1e293b !important;
    border-color: #334155 !important;
    color: #e2e8f0 !important;
}

html.dark .DC-gate-title,
html.dark .DC-label,
html.dark .DC-spam-label {
    color: #f8fafc !important;
}

html.dark .DC-input,
html.dark .DC-spam-input {
    background: #0f172a !important;
    border-color: #334155 !important;
    color: #e2e8f0 !important;
}

html.dark .DC-spam {
    background: #1e3a5f !important;
    border-color: #334155 !important;
}

/* ─── Growth landing rules/cta extras ──────────────────────────────────── */
html.dark .GrowthLanding-rules,
html.dark .GrowthLanding-cta {
    background: #1e293b !important;
    border-color: #334155 !important;
    color: #e2e8f0 !important;
}

html.dark .GrowthLanding-rules h2,
html.dark .GrowthLanding-rules li,
html.dark .GrowthLanding-cta .Growth-link {
    color: #e2e8f0 !important;
}

html.dark .GrowthLanding-rules li {
    color: #cbd5e1 !important;
}

/* ─── React app surfaces (Home / Login / Library / common) ──────────────── */
html.dark {
    --home-bg: #0b1220;
    --home-bg-alt: #0f172a;
    --home-text: #f1f5f9;
    --home-text-muted: #94a3b8;
    --home-border: #334155;
    --home-primary-light: #1e3a5f;
}

html.dark .HomeNew-wrapper,
html.dark .HomeNew-sidebar,
html.dark .HomeNew-main,
html.dark .Home-wrapper,
html.dark .Library,
html.dark .Library-wrapper,
html.dark .Login,
html.dark .Login-wrapper,
html.dark .SignUp,
html.dark .GetStarted,
html.dark .Main,
html.dark .AccountNew-wrapper {
    background: #0b1220 !important;
    color: #e2e8f0 !important;
}

html.dark .HomeNew-card,
html.dark .Home-card,
html.dark .Library-card,
html.dark .Library .card,
html.dark .Login form,
html.dark .Login-card,
html.dark .SignUp form,
html.dark .SignUp-card,
html.dark .StandardForm,
html.dark .card,
html.dark .AccountNew-card,
html.dark .AccountNew-header {
    background: #1e293b !important;
    border-color: #334155 !important;
    color: #e2e8f0 !important;
}

html.dark .HomeNew-wrapper h1,
html.dark .HomeNew-wrapper h2,
html.dark .HomeNew-wrapper h3,
html.dark .Home-wrapper h1,
html.dark .Home-wrapper h2,
html.dark .Library h1,
html.dark .Library h2,
html.dark .Library h3,
html.dark .Login h1,
html.dark .SignUp h1,
html.dark .Main h1,
html.dark .Main h2,
html.dark .AccountNew-title {
    color: #f8fafc !important;
}

html.dark .HomeNew-wrapper p,
html.dark .Home-wrapper p,
html.dark .Library p,
html.dark .Login p,
html.dark .SignUp p,
html.dark .Main p,
html.dark .AccountNew-subtitle,
html.dark .AccountNew-card-text {
    color: #94a3b8 !important;
}

html.dark .HomeNew-sidebar a,
html.dark .HomeNew-nav-link {
    color: #e2e8f0 !important;
}

html.dark .Login input,
html.dark .SignUp input,
html.dark .Library input,
html.dark .HomeNew-wrapper input {
    background: #0f172a !important;
    border-color: #334155 !important;
    color: #e2e8f0 !important;
}

/* Blog / posts / legal / misc mustache pages */
html.dark .BlogNew,
html.dark .BlogNew-container,
html.dark .BlogPost,
html.dark .blog-redesign,
html.dark .Blog,
html.dark .post,
html.dark .Post,
html.dark .terms,
html.dark .privacy,
html.dark .faq-page {
    background: #0b1220 !important;
    color: #e2e8f0 !important;
}

html.dark .BlogNew-title,
html.dark .BlogNew-card-title,
html.dark .BlogNew-card-title a,
html.dark .BlogNew h1,
html.dark .BlogNew h2,
html.dark .BlogPost-title,
html.dark .BlogPost-related-title,
html.dark .blog-redesign h1,
html.dark .blog-redesign h2,
html.dark .Post h1,
html.dark .post h1,
html.dark .terms h1,
html.dark .privacy h1 {
    color: #f8fafc !important;
}

html.dark .BlogNew-subtitle,
html.dark .BlogNew-eyebrow,
html.dark .BlogNew p,
html.dark .BlogNew-card-excerpt,
html.dark .BlogPost-date {
    color: #94a3b8 !important;
}

html.dark .BlogPost-lead,
html.dark .BlogPost-body,
html.dark .BlogPost-body p,
html.dark .BlogPost-body li,
html.dark .BlogPost-body td,
html.dark .BlogPost-body th,
html.dark .BlogPost-body span {
    color: #ffffff !important;
}

html.dark .BlogNew-header,
html.dark .BlogNew-card,
html.dark .BlogNew-dropdown-menu,
html.dark .blog-card,
html.dark .BlogPost-article,
html.dark .BlogPost-promo,
html.dark .BlogPost-categories {
    background: #1e293b !important;
    border-color: #334155 !important;
    color: #e2e8f0 !important;
}

html.dark .blog-affiliate-bar {
    background: #064e3b !important;
    border-color: #166534 !important;
}

html.dark .blog-affiliate-bar p {
    color: #86efac !important;
}

html.dark .BlogNew-filter-btn,
html.dark .BlogNew-other-link,
html.dark .BlogNew-breadcrumb a,
html.dark .BlogNew-read-link {
    color: #7dd3fc !important;
}

html.dark .BlogNew-search-field,
html.dark .BlogNew-search-input,
html.dark .BlogNew-pager-nav,
html.dark .BlogNew-pager-page,
html.dark .BlogPost-share-btn {
    background: #0f172a !important;
    border-color: #334155 !important;
    color: #e2e8f0 !important;
}

html.dark .BlogNew-pager-page.is-active {
    background: #32a8ee !important;
    border-color: #32a8ee !important;
    color: #ffffff !important;
}

html.dark .BlogPost-body h2,
html.dark .BlogPost-body h3,
html.dark .BlogPost-body h4,
html.dark .BlogPost-body strong {
    color: #f8fafc !important;
}