/* ===== Dark Mode Overrides ===== */
html.darkmode {
    --bg-main: #1A1A1A;
    --bg-sidebar: #161616;
    --bg-card: #222222;
    --border-color: #333333;
    --text-primary: #D4D0C8;
    --text-secondary: #999999;
    --accent: #6BAEA8;
    --accent-light: #8FC9C3;
    --accent-dark: #5A8E89;
    --card-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}

html.darkmode body {
    color: var(--text-primary);
}

html.darkmode .banner::after {
    background: rgba(26, 26, 26, 0.6);
}

html.darkmode .article-content blockquote,
html.darkmode .wp-block-quote {
    background: var(--bg-sidebar);
}

html.darkmode .article-content code {
    color: var(--accent-light);
}

html.darkmode .comment-form input,
html.darkmode .comment-form textarea,
html.darkmode .sidebar-search .search-field {
    color: var(--text-primary);
}

html.darkmode .sidebar-menu a:hover {
    background-color: rgba(107, 174, 168, 0.1);
}

html.darkmode ::selection {
    background: rgba(107, 174, 168, 0.25);
}

html.darkmode ::-webkit-scrollbar-track {
    background: var(--bg-sidebar);
}

html.darkmode ::-webkit-scrollbar-thumb {
    background: #444444;
}

html.darkmode ::-webkit-scrollbar-thumb:hover {
    background: var(--accent);
}

html.darkmode img {
    opacity: 0.9;
}

html.darkmode .post-card:hover,
html.darkmode .shuoshuo-card {
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.4);
}