/* ============================================================================
 * v23.60: تم شب یکپارچهٔ صفحات عمومی — بلاگ، راهنما، آموزشگاه، درباره، حریم خصوصی
 * ---------------------------------------------------------------------------
 * • همان توکن‌های تم شب داشبورد (css/nevispar-theme.css:33) ⇒ یک هویت رنگی واحد
 * • همان کلید ذخیره‌سازی: localStorage.nevispar_theme ⇒ انتخاب کاربر بین اپ و
 *   صفحات عمومی مشترک است (قفل‌شکنِ «تم شب فقط در داشبورد»).
 * • این فایل باید آخرین stylesheet صفحه باشد (بعد از <style> داخلی هر صفحه).
 * ==========================================================================*/

/* ---------- ۱) توکن‌ها ---------- */
[data-theme="dark"] {
    --bg: #0f172a;
    --surface: #1e293b;
    --surface-2: #334155;
    --text: #f1f5f9;
    --text-2: #cbd5e1;
    --text-3: #94a3b8;
    --border: #334155;
    --primary-light: #422006;          /* معادل تیرهٔ کهربایی (help/academy) */
    --b-accent: #14b8a6;               /* بلاگ */
    --b-accent2: #818cf8;
    --b-ink: #f1f5f9;
    --b-mut: #94a3b8;
    --b-line: #334155;
    color-scheme: dark;
}
[data-theme="dark"] body { background: var(--bg) !important; color: var(--text) !important; }
[data-theme="dark"] ::-webkit-scrollbar-thumb { background: #475569; }

/* ---------- ۲) پوستهٔ مشترک (هدر/فوتر/سوئیچر) ---------- */
[data-theme="dark"] .sp-header { background: rgba(15,23,42,.92) !important; border-bottom-color: var(--border) !important; }
[data-theme="dark"] .sp-btn { background: var(--surface); border-color: var(--border); color: var(--text-2); }
[data-theme="dark"] .sp-btn:hover { border-color: #14b8a6; color: #5eead4; }
[data-theme="dark"] .sp-btn.sp-cta { background: linear-gradient(135deg,#10b981,#059669); color: #fff; border: none; }
[data-theme="dark"] .sp-theme { color: #fbbf24; }
[data-theme="dark"] .sp-lang-host .i18n-switcher { background: var(--surface-2); border-color: var(--border); }
[data-theme="dark"] .sp-lang-host .i18n-lang-btn { color: #cbd5e1; }
[data-theme="dark"] .sp-lang-host .i18n-lang-btn.active { background: #0f766e; color: #fff; }
/* لینک فعال ناوبری پوسته: رنگ تیره به‌صورت inline ست می‌شود ⇒ باید !important شود */
[data-theme="dark"] .sp-nav .sp-btn[style] { color: #5eead4 !important; border-color: #0d9488 !important; }
[data-theme="dark"] .sp-footer { background: #0b1120; border-top: 1px solid var(--border); }

/* ---------- ۳) الگوهای مشترک صفحات (about/privacy/blog) ---------- */
[data-theme="dark"] .hero {
    background: radial-gradient(1100px 320px at 50% -60px, rgba(13,148,136,.28) 0%, rgba(15,23,42,0) 72%) !important;
}
[data-theme="dark"] .blog-hero {
    background: radial-gradient(1200px 340px at 50% -60px, rgba(13,148,136,.26) 0%, rgba(15,23,42,0) 72%) !important;
}
[data-theme="dark"] .hero p,
[data-theme="dark"] .blog-hero p { color: var(--text-3); }

[data-theme="dark"] .card,
[data-theme="dark"] .article {
    background: var(--surface) !important;
    border-color: var(--border) !important;
    box-shadow: 0 10px 30px rgba(0,0,0,.35) !important;
}
[data-theme="dark"] .card h2,
[data-theme="dark"] .card h3,
[data-theme="dark"] .article h1,
[data-theme="dark"] .article .a-content h2,
[data-theme="dark"] .article .a-content h3 { color: var(--text); }
[data-theme="dark"] .card p,
[data-theme="dark"] .article .a-content,
[data-theme="dark"] .article .a-author-bio { color: var(--text-2); }
[data-theme="dark"] .card li { color: var(--text-2); }
[data-theme="dark"] .card li strong,
[data-theme="dark"] .article .a-content strong { color: var(--text); }

[data-theme="dark"] .feat { background: #172033; border-color: var(--border); color: var(--text-2); }
[data-theme="dark"] .feat b { color: #5eead4; }

[data-theme="dark"] .note {
    background: rgba(13,148,136,.14);
    border-color: rgba(94,234,212,.28);
    color: #99f6e4;
}
[data-theme="dark"] .note a { color: #5eead4 !important; }
/* لینک‌های رنگ‌داده‌شده به‌صورت inline داخل کارت‌ها (مثل «تماس با ما» در حریم خصوصی) */
[data-theme="dark"] .card a[style*="color"] { color: #5eead4 !important; }
[data-theme="dark"] .socials a {
    background: rgba(13,148,136,.14);
    border-color: rgba(94,234,212,.28);
    color: #5eead4;
}
[data-theme="dark"] .socials a:hover { border-color: #14b8a6; }
[data-theme="dark"] .toc { background: rgba(13,148,136,.12); border-color: rgba(94,234,212,.26); }
[data-theme="dark"] .toc a { color: #5eead4; }
[data-theme="dark"] .upd { color: var(--text-3); }
[data-theme="dark"] footer { background: #0b1120; color: var(--text-3); border-top: 1px solid var(--border); }
[data-theme="dark"] footer a { color: var(--text-2); }

/* کارت بنیان‌گذار (about) */
[data-theme="dark"] .founder .av { background: var(--surface-2); box-shadow: 0 0 0 3px rgba(94,234,212,.35), 0 10px 24px rgba(0,0,0,.4); }
[data-theme="dark"] .founder .nm { color: var(--text); }
[data-theme="dark"] .founder .rl { color: #5eead4; }
[data-theme="dark"] .founder .say { border-inline-start-color: var(--border); color: var(--text-3); }

/* ---------- ۴) بلاگ ---------- */
[data-theme="dark"] body { background: var(--bg); }
[data-theme="dark"] .blog-header { background: rgba(15,23,42,.9) !important; border-bottom-color: var(--border); }
[data-theme="dark"] .bh-btn { background: var(--surface); border-color: var(--border); color: var(--text-2); }
[data-theme="dark"] .bh-btn:hover { border-color: #14b8a6; color: #5eead4; }
[data-theme="dark"] .i18n-switcher { background: var(--surface-2); border-color: var(--border); }
[data-theme="dark"] .i18n-switcher .i18n-lang-btn { color: #cbd5e1; }
[data-theme="dark"] .i18n-switcher .i18n-lang-btn.active { background: #0f766e; color: #fff; }
[data-theme="dark"] .cat-chip { background: var(--surface); border-color: var(--border); color: var(--text-2); }
[data-theme="dark"] .cat-chip.active { background: linear-gradient(135deg,#0d9488,#14b8a6); color: #fff; }
[data-theme="dark"] .post-card { background: var(--surface); border-color: var(--border); box-shadow: 0 2px 10px rgba(0,0,0,.3); }
[data-theme="dark"] .post-card .pc-cover { background-color: #334155; }
[data-theme="dark"] .post-card .pc-cover .pc-cat { color: #5eead4; background: rgba(15,23,42,.9); }
[data-theme="dark"] .post-card:hover h3 { color: #5eead4; }
[data-theme="dark"] .post-card .pc-date { color: var(--text-3); }
[data-theme="dark"] .article .a-cat { color: #5eead4; background: rgba(13,148,136,.15); border-color: rgba(94,234,212,.28); }
[data-theme="dark"] .article .a-meta { color: var(--text-3); border-bottom-color: var(--border); }
[data-theme="dark"] .article .a-content a { color: #5eead4; }
[data-theme="dark"] .article .a-content blockquote {
    background: rgba(13,148,136,.13);
    border-inline-end-color: #14b8a6;
    color: #99f6e4;
}
[data-theme="dark"] .article .a-content th,
[data-theme="dark"] .article .a-content td { border-color: var(--border); }
[data-theme="dark"] .article .a-content th { background: rgba(13,148,136,.15); color: #99f6e4; }
[data-theme="dark"] .article .a-content tr:nth-child(even) td { background: #172033; }
[data-theme="dark"] .article .a-cta {
    background: linear-gradient(135deg, rgba(13,148,136,.16), rgba(99,102,241,.16));
    border-color: rgba(94,234,212,.26);
    color: #99f6e4;
}
[data-theme="dark"] .article .a-cta a { color: #5eead4; }
[data-theme="dark"] .article .a-cta strong { color: var(--text); }
[data-theme="dark"] .article .a-tags span { background: var(--surface-2); color: var(--text-2); }
/* v24.01: تگ‌های لینک‌شده + بردکرامب + نوار فیلتر تگ */
[data-theme="dark"] .article .a-tags a { background: var(--surface-2); color: var(--text-2); }
[data-theme="dark"] .article .a-tags a:hover { background: rgba(13,148,136,.22); color: #5eead4; }
[data-theme="dark"] .article .a-crumb { color: var(--text-3); }
[data-theme="dark"] .article .a-crumb a { color: #5eead4; }
[data-theme="dark"] .article .a-crumb .a-crumb-sep { color: var(--border); }
[data-theme="dark"] .article .a-crumb .a-crumb-here { color: var(--text-3); }
[data-theme="dark"] .tag-filter { color: var(--text-2); }
[data-theme="dark"] .tag-filter b { color: #5eead4; }
[data-theme="dark"] .tag-filter a { color: #5eead4; }
[data-theme="dark"] .article .a-author { background: #172033; border-color: var(--border); }
[data-theme="dark"] .article .a-author-avatar { border-color: var(--surface); background: var(--surface-2); }
[data-theme="dark"] .article .a-author-label { color: #5eead4; background: rgba(13,148,136,.15); border-color: rgba(94,234,212,.28); }
[data-theme="dark"] .article .a-author-name { color: var(--text); }
[data-theme="dark"] .pg-nav a { background: var(--surface); border-color: var(--border); color: var(--text-2); }
[data-theme="dark"] .pg-nav a.active { background: linear-gradient(135deg,#0d9488,#14b8a6); color: #fff; }
[data-theme="dark"] .related h3 { color: var(--text); }

/* ---------- ۵) راهنما و آموزشگاه (متغیرمحور ⇒ پچ نقاط هاردکد) ---------- */
[data-theme="dark"] .header { background: var(--surface) !important; border-bottom-color: var(--border) !important; box-shadow: 0 2px 12px rgba(0,0,0,.4) !important; }
[data-theme="dark"] .toc,
[data-theme="dark"] .section,
[data-theme="dark"] .academy-card,
[data-theme="dark"] .rel-card,
[data-theme="dark"] .card { background: var(--surface) !important; border-color: var(--border) !important; }
[data-theme="dark"] .toc h3,
[data-theme="dark"] .section h3,
[data-theme="dark"] .section h2 { color: #fbbf24; }
[data-theme="dark"] .toc a { color: var(--text-2); }
[data-theme="dark"] .toc a:hover { color: #5eead4; }
[data-theme="dark"] .section p,
[data-theme="dark"] .section li,
[data-theme="dark"] .step span,
[data-theme="dark"] .video-desc,
[data-theme="dark"] .breadcrumb { color: var(--text-2); }
[data-theme="dark"] .section li strong { color: var(--text); }
[data-theme="dark"] .section pre,
[data-theme="dark"] .section code {
    background: #172033 !important;
    border-color: var(--border) !important;
    color: #fcd34d !important;
}
[data-theme="dark"] .section table th { background: var(--primary-light) !important; color: #fde68a !important; }
[data-theme="dark"] .section table th,
[data-theme="dark"] .section table td { border-color: var(--border) !important; color: var(--text-2); }
[data-theme="dark"] .tag,
[data-theme="dark"] .academy-tag { color: #fcd34d !important; background: var(--primary-light) !important; }
[data-theme="dark"] .btn-outline { background: var(--surface) !important; border-color: var(--border) !important; color: var(--text-2) !important; }
[data-theme="dark"] .btn-outline:hover { border-color: #f59e0b !important; color: #fbbf24 !important; }
[data-theme="dark"] .faq-item { border-bottom-color: var(--border); }
[data-theme="dark"] .faq-item summary { color: var(--text); }
[data-theme="dark"] .breadcrumb a { color: #fbbf24; }
[data-theme="dark"] .back-link { color: var(--text-2); }
[data-theme="dark"] .back-link:hover { color: #fbbf24; }
[data-theme="dark"] .rel-card { color: var(--text-2); }
[data-theme="dark"] footer { background: #0b1120 !important; color: var(--text-3) !important; }

/* دکمهٔ تم شب در نوار موبایل هم دیده شود (قاعدهٔ مخفی‌کردن .sp-btn ها) */
@media (max-width: 720px) {
    .sp-nav .sp-btn.sp-theme { display: inline-flex !important; }
}
