/* ============================================================
   وقفی نو DESIGN SYSTEM — DARK MODE EXTRAS
   Rules that only apply under html[data-theme="dark"].
   ============================================================ */

html[data-theme="dark"] .hero__subtitle { color: #9cc3f5; }

html[data-theme="dark"] .leaflet-popup-content-wrapper,
html[data-theme="dark"] .leaflet-popup-tip { background: var(--card-bg); color: var(--ink); }

html[data-theme="dark"] .media-player__play { background: rgba(255, 255, 255, .92); }
html[data-theme="dark"] .newsletter-form .input { background: rgba(255, 255, 255, .08); }

/* Dark-mode safe readability for semantic text */
html[data-theme="dark"] .btn--outline-gold { color: var(--gold-strong); }
html[data-theme="dark"] .btn--outline-gold:hover { background: var(--gold); color: #fff; }

html[data-theme="dark"] .error-code { background: linear-gradient(135deg, var(--brand-400), var(--brand-700)); -webkit-background-clip: text; background-clip: text; }
html[data-theme="dark"] .error-code--gold { background: linear-gradient(135deg, var(--gold-light), var(--gold)); -webkit-background-clip: text; background-clip: text; }