/* =========================================
   Global News — 深色主题
   ========================================= */

/* 仅在 html 开启 dark 模式时生效 */
html.dark {
    --bg: #0f172a;
    --surface: #1e293b;
    --header-bg: #0b1220;
    --header-bg-deep: #0a0f1a;
    --primary: #60a5fa;
    --primary-hover: #93c5fd;
    --text: #e2e8f0;
    --text-secondary: #94a3b8;
    --text-muted: #64748b;
    --border: #334155;
    --border-light: #1e293b;
    --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.35), 0 1px 2px rgba(0, 0, 0, 0.25);
    --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.45);
}

/* 深色模式下的局部修正 */
html.dark body {
    background: #0b1220;
    color: #e2e8f0;
}

html.dark .site-header {
    background: #070d17;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.5);
}

html.dark .source-bar {
    background: #0f172a;
    border-bottom-color: #1f2937;
}

html.dark .site-footer {
    background: #0f172a;
    border-top-color: #1f2937;
}

html.dark .article-card {
    background: #111827;
    border-color: #1f2937;
}

html.dark .article-card:hover {
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.45);
}

html.dark .article-meta {
    border-top-color: #1f2937;
}

html.dark .compact-item {
    background: #111827;
    border-bottom-color: #1f2937;
}

html.dark .compact-item:hover {
    background: #182033;
}

html.dark .toast,
html.dark #toast {
    background: #e2e8f0;
    color: #0f172a;
}