/* ==========================================================================
   Moblak Mag Dark Mode Specific Overrides
   ========================================================================== */

[data-theme="dark"] body {
    background-color: var(--mm-bg-main);
    color: var(--mm-text-main);
}

[data-theme="dark"] .mm-card,
[data-theme="dark"] .mm-widget,
[data-theme="dark"] .mm-tabs-wrapper,
[data-theme="dark"] .mm-toc-container,
[data-theme="dark"] .mm-reader-toolbar,
[data-theme="dark"] .mm-social-share-box,
[data-theme="dark"] .mm-author-box,
[data-theme="dark"] .mm-product-card,
[data-theme="dark"] .mm-search-box,
[data-theme="dark"] .mm-drawer {
    background-color: var(--mm-bg-surface);
    border-color: var(--mm-border);
}

[data-theme="dark"] .mm-card:hover,
[data-theme="dark"] .mm-card-compact:hover {
    background-color: var(--mm-bg-card-hover);
    border-color: #334155;
}

[data-theme="dark"] .mm-topbar {
    background-color: #080c14;
    border-bottom-color: #1e293b;
}

[data-theme="dark"] .mm-entry-content blockquote {
    background-color: #162036;
    color: #e2e8f0;
}

[data-theme="dark"] .mm-commerce-bridge {
    background: linear-gradient(135deg, rgba(245, 158, 11, 0.08), rgba(15, 23, 42, 0.4));
    border-color: rgba(245, 158, 11, 0.3);
}

[data-theme="dark"] .mm-footer {
    background-color: #080c14;
    border-top-color: #1e293b;
}

[data-theme="dark"] .mm-social-btn {
    background-color: rgba(255, 255, 255, 0.05);
}

[data-theme="dark"] .mm-social-btn:hover {
    background-color: var(--mm-primary);
}

[data-theme="dark"] .mm-pill-item {
    background-color: #1a243b;
    border-color: #1e293b;
    color: #cbd5e1;
}

[data-theme="dark"] .mm-pill-item:hover,
[data-theme="dark"] .mm-pill-item.active {
    background-color: var(--mm-primary);
    color: #ffffff;
}