/* ─────────────────────────────────────────────────────────────
   اصلاحِ خوانایی و کنتراستِ تم‌ها (روشن/تیره) — فایلِ مستقل (بدونِ بیلدِ Tailwind).
   پس از CSSِ کامپایل‌شده و پیش از «بازنویسیِ تمِ مدیر» بارگذاری می‌شود.

   تمِ تیره: سطح‌ها از #08080b (تقریباً سیاه) کمی روشن‌تر و «بالاآمده» شدند؛ متن‌های
   کم‌اهمیت (zinc-500/600) و بنفشِ برند (gold-400/500) که روی تیره از حدنصابِ ۴٫۵:۱
   پایین‌تر بودند (۳٫۸ / ۲٫۴ / ۴٫۰ / ۲٫۸) روشن‌تر شدند. تم وارونه نشده است — همان
   تیره است، فقط خواناتر.
   تمِ روشن: سطح‌های سخت‌کدشدهٔ تیره (bg-zinc-900/60 و …) که متنِ تیره روی آن‌ها
   ناخوانا می‌شد به سطحِ روشنِ توکنی برمی‌گردند؛ خطوطِ white/10 که روی سفید نامرئی
   بودند دیده می‌شوند؛ placeholder پررنگ‌تر می‌شود.
   ───────────────────────────────────────────────────────────── */

/* ═══════════ تمِ تیره: توکن‌ها ═══════════ */
html.dark {
    --surface-bg: #16161f;
    --stage-base: #16161f;
    --surface-fg: #f2f0ef;
    --surface-muted: #25252f;
    --stage-glow: 0.22;
    --panel-bg-1: rgba(44, 44, 58, 0.84);
    --panel-bg-2: rgba(36, 36, 48, 0.84);
    --panel-border: rgba(190, 180, 255, 0.2);
    --panel-shadow: 0 20px 50px -20px rgba(0, 0, 0, 0.55);
    --field-bg: rgba(20, 20, 30, 0.72);
    --field-fg: #fafaf9;
    --field-placeholder: #a6a6b2;
    --text-muted: #d6d6dc;
    --scrollbar-thumb: #52525e;
    --color-rating-off: #5a5a68;
}
@media (prefers-color-scheme: dark) {
    html[data-theme="auto"]:not(.dark) {
        --surface-bg: #16161f;
        --stage-base: #16161f;
        --surface-fg: #f2f0ef;
        --surface-muted: #25252f;
        --stage-glow: 0.22;
        --panel-bg-1: rgba(44, 44, 58, 0.84);
        --panel-bg-2: rgba(36, 36, 48, 0.84);
        --panel-border: rgba(190, 180, 255, 0.2);
        --panel-shadow: 0 20px 50px -20px rgba(0, 0, 0, 0.55);
        --field-bg: rgba(20, 20, 30, 0.72);
        --field-fg: #fafaf9;
        --field-placeholder: #a6a6b2;
        --text-muted: #d6d6dc;
        --scrollbar-thumb: #52525e;
        --color-rating-off: #5a5a68;
    }
}

/* ═══════════ تمِ تیره: متن‌ها ═══════════ */
html.dark .text-zinc-200 { color: #e9e9ee; }
html.dark .text-zinc-300 { color: #dcdce2; }
html.dark .text-zinc-400 { color: #c8c8d0; }
html.dark .text-zinc-500 { color: #adadb8; }
html.dark .text-zinc-600 { color: #9a9aa6; }
html.dark .text-zinc-700 { color: #8c8c98; }
html.dark .text-gold-300 { color: #b6a6f6; }
html.dark .text-gold-400,
html.dark .text-gold-500 { color: #a894f2; }
html.dark .eyebrow { color: #b6a6f6; }
html.dark .prose-event a { color: #b6a6f6; }
html.dark .nav-link:hover { color: #cfc4fb; }
html.dark .chip { color: #c4b8f8; }

/* سطح‌های سخت‌کدشدهٔ تیره: کمی روشن‌تر از قبل تا از پس‌زمینه جدا شوند */
html.dark .bg-zinc-900 { background-color: #1f1f2a; }
html.dark .bg-zinc-950 { background-color: #181822; }
html.dark .bg-stone-900 { background-color: #1f1f2a; }
html.dark [class*="bg-zinc-900/"],
html.dark [class*="bg-stone-900/"] { background-color: rgba(38, 38, 52, 0.7); }

/* خطوط و حاشیه‌ها در تمِ تیره (white/5 و white/10 تقریباً دیده نمی‌شدند) */
html.dark .border-white\/5 { border-color: rgba(255, 255, 255, 0.1); }
html.dark .border-white\/10 { border-color: rgba(255, 255, 255, 0.17); }
html.dark .border-white\/15 { border-color: rgba(255, 255, 255, 0.22); }
html.dark .divide-white\/5 > :not(:first-child) { border-color: rgba(255, 255, 255, 0.1); }
html.dark .divide-white\/10 > :not(:first-child) { border-color: rgba(255, 255, 255, 0.17); }
html.dark .bg-white\/5 { background-color: rgba(255, 255, 255, 0.07); }

/* ═══════════ تمِ روشن ═══════════ */
html:not(.dark) { --field-placeholder: #6b6b76; }

/* سطحِ تیره‌ی سخت‌کدشده (فیلدها، منوها، کنترل‌های نقشه) → سطحِ روشنِ توکنی.
   متنِ این عناصر در تمِ روشن تیره می‌شود (نگاشتِ text-stone-100 و …)، پس روی
   پس‌زمینهٔ تیره ناخوانا بود. داخلِ .on-media (تصویر + پردهٔ تیره) دست‌نخورده می‌ماند. */
html:not(.dark) :is(.bg-zinc-900, .bg-zinc-950, .bg-stone-900, .bg-stone-950,
    [class*="bg-zinc-900/"], [class*="bg-zinc-950/"], [class*="bg-stone-900/"], [class*="bg-stone-950/"]):not(.on-media, .on-media *, [data-keep-dark], [data-keep-dark] *) {
    background-color: color-mix(in srgb, var(--surface-fg) 7%, var(--surface-bg));
}

/* خطوط white/N روی زمینهٔ روشن نامرئی‌اند */
html:not(.dark) :is(.border-white\/5, .border-white\/10, .border-white\/15, .border-white\/20):not(.on-media *) {
    border-color: color-mix(in srgb, var(--surface-fg) 16%, transparent);
}
html:not(.dark) :is(.divide-white\/5, .divide-white\/10) > :not(:first-child):not(.on-media *) {
    border-color: color-mix(in srgb, var(--surface-fg) 14%, transparent);
}
html:not(.dark) :is(.bg-white\/5, .bg-white\/10):not(.on-media, .on-media *) {
    background-color: color-mix(in srgb, var(--surface-fg) 5%, transparent);
}

/* چیپ‌های روی بنرِ کارتِ رویداد (شهر، «N روز دیگر»، …): روی پوسترهای روشن، چیپِ کم‌رنگِ
   بنفش ناخوانا بود؛ زمینهٔ تیرهٔ نیمه‌شفاف + متنِ سفید در هر دو تم. */
html:root [data-card-banner] .chip.chip {
    background: rgba(17, 17, 24, 0.66);
    color: #ffffff;
    border-color: rgba(255, 255, 255, 0.3);
}