/* ═══════════════════════════════════════════
   Dark Mode Overrides
   Applied when html[data-theme="dark"]
   ═══════════════════════════════════════════ */

[data-theme="dark"] {
    --color-bg: #131a2d;
    --color-surface: #1c2438;
    --color-text: #f5f6f8;
    --color-text-light: #c8cdd8;
    --color-secondary: #f5f6f8;
    --color-border: #2a3350;
    --color-primary: #d4b56a;
    --shadow-sm: 0 1px 3px rgba(0,0,0,.2);
    --shadow-md: 0 4px 12px rgba(0,0,0,.3);
    --shadow-lg: 0 12px 40px rgba(0,0,0,.4);
}

/* Header */
[data-theme="dark"] .site-header {
    background: rgba(19,26,45,.85);
    border-bottom-color: var(--color-border);
}
[data-theme="dark"] .site-header--scrolled {
    background: rgba(19,26,45,.95);
}

/* Dropdowns */
[data-theme="dark"] .header__nav .nav-menu .sub-menu {
    background: var(--color-surface);
    border: 1px solid var(--color-border);
}

/* Mobile nav */
[data-theme="dark"] .mobile-nav {
    background: var(--color-bg);
}

/* Cards */
[data-theme="dark"] .post-card {
    background: var(--color-surface);
    border: 1px solid var(--color-border);
}

/* Widgets */
[data-theme="dark"] .widget-area .widget {
    background: var(--color-surface);
    border: 1px solid var(--color-border);
}

/* Post navigation */
[data-theme="dark"] .post-navigation__link {
    background: var(--color-surface);
    border: 1px solid var(--color-border);
}

/* Footer */
[data-theme="dark"] .site-footer {
    background: #0d1322;
}

/* Input / form elements */
[data-theme="dark"] input,
[data-theme="dark"] textarea,
[data-theme="dark"] select {
    background: var(--color-surface);
    color: var(--color-text);
    border-color: var(--color-border);
}

/* Smooth transition for theme switch */
[data-theme="dark"] *,
[data-theme="dark"] *::before,
[data-theme="dark"] *::after {
    transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;
}