/* ===== الوضع الداكن المشترك لصفحات الموقع ===== */
/* الفكرة: صفحات الموقع تستخدم متغيرات --bg / --card-bg / --text / --text-light / --border
   لذا يكفي إعادة تعريفها على [data-theme="dark"] لتنتشر الألوان تلقائياً. */

[data-theme="dark"] {
    --bg: #0f172a !important;
    --card-bg: #1e293b !important;
    --text: #e2e8f0 !important;
    --text-light: #94a3b8 !important;
    --border: #334155 !important;
    --primary-light: #0c4a6e !important;
    --primary-dark: #7dd3fc !important;
    --shadow: 0 4px 24px rgba(0,0,0,0.4) !important;
}

/* الأزرار التي تستخدم primary-light كخلفية + primary-dark كنص:
   التصنيف، أزرار شريط الأدوات (نسخ، تكبير/تصغير الخط)، زر "عرض المزيد" */
[data-theme="dark"] .news-card-cat,
[data-theme="dark"] .author-card-cat,
[data-theme="dark"] .toolbar-btn,
[data-theme="dark"] .load-more-btn,
[data-theme="dark"] .arc-load-more,
[data-theme="dark"] .web-load-more {
    background: #0c4a6e !important;
    color: #e0f2fe !important;
    border-color: #075985 !important;
}
[data-theme="dark"] .news-card-cat:hover,
[data-theme="dark"] .author-card-cat:hover,
[data-theme="dark"] .toolbar-btn:hover,
[data-theme="dark"] .load-more-btn:hover,
[data-theme="dark"] .arc-load-more:hover,
[data-theme="dark"] .web-load-more:hover {
    background: #0ea5e9 !important;
    color: #fff !important;
}

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

/* خلفيات بيضاء صلبة في الصفحات الفرعية */
[data-theme="dark"] .page-loader { background: var(--bg) !important; }
[data-theme="dark"] .share-float {
    background: rgba(15,23,42,0.85) !important;
    border-top-color: var(--border) !important;
}

/* الفوتر الفاتح في صفحات الأخبار/المقال... */
[data-theme="dark"] .news-footer,
[data-theme="dark"] .article-footer,
[data-theme="dark"] .book-footer,
[data-theme="dark"] .page-footer,
[data-theme="dark"] .research-footer,
[data-theme="dark"] .arc-footer {
    background: #020617 !important;
    color: var(--text-light) !important;
}

/* لون النص الفرعي للروابط الزرقاء الداكنة */
[data-theme="dark"] .follow-banner a { color: #38bdf8 !important; }
[data-theme="dark"] .follow-banner a:hover { color: #7dd3fc !important; }

/* تأكيد لون النص في البطاقات (لو طغت قواعد inline) */
[data-theme="dark"] .news-image-card,
[data-theme="dark"] .author-card,
[data-theme="dark"] .news-body,
[data-theme="dark"] .article-body,
[data-theme="dark"] .book-body,
[data-theme="dark"] .page-body,
[data-theme="dark"] .research-body,
[data-theme="dark"] .news-toolbar,
[data-theme="dark"] .article-toolbar,
[data-theme="dark"] .book-toolbar,
[data-theme="dark"] .page-toolbar,
[data-theme="dark"] .research-toolbar { color: var(--text); }

/* الحقول */
[data-theme="dark"] input,
[data-theme="dark"] textarea,
[data-theme="dark"] select {
    background: #0f172a;
    color: var(--text);
    border-color: var(--border);
}

/* روابط داخل المتن تظل واضحة */
[data-theme="dark"] .news-body a,
[data-theme="dark"] .article-body a,
[data-theme="dark"] .book-body a,
[data-theme="dark"] .page-body a,
[data-theme="dark"] .research-body a { color: #38bdf8; }

/* الخلفيات الزجاجية */
[data-theme="dark"] [style*="rgba(255,255,255"] { /* لا يمكن تغيير inline */ }