/* =========================================================
   IAFF Skyline - Dark / Light Mode
   حالت پیش‌فرض: دارک. کلاس‌های زیر حالت روشن را بازنویسی می‌کنند.
   ========================================================= */

body.iaff-light-mode {
	--iaff-bg: #F4F7FB;
	--iaff-text: #0A1628;
	--iaff-surface: rgba(10, 22, 40, 0.05);
	--iaff-surface-strong: rgba(10, 22, 40, 0.09);
	--iaff-border: rgba(10, 22, 40, 0.12);
	--iaff-muted: #55637A;
}

body.iaff-light-mode .iaff-header { background: rgba(244, 247, 251, 0.75); }
body.iaff-light-mode .iaff-ticker { background: linear-gradient(90deg, #ffffff, #eef3f9); }
body.iaff-light-mode .mega-panel { background: rgba(255, 255, 255, 0.92); }
body.iaff-light-mode .single-hero-overlay { background: linear-gradient(to top, var(--iaff-bg) 5%, rgba(244,247,251,0.5) 60%, rgba(244,247,251,0.15)); }
body.iaff-light-mode .card-3d-index { color: rgba(10,22,40,0.55); text-shadow: 0 4px 20px rgba(255,255,255,0.6); }
body.iaff-light-mode .hud-card-badge,
body.iaff-light-mode .single-cat-badge,
body.iaff-light-mode .hero-slide-cat { color: #fff; }
body.iaff-light-mode .search-submit,
body.iaff-light-mode .btn-submit-comment,
body.iaff-light-mode .btn-back-home,
body.iaff-light-mode .iaff-back-to-top,
body.iaff-light-mode .tab-item.active { color: #fff; }
body.iaff-light-mode .iaff-hero-section { background: radial-gradient(ellipse at 50% 0%, rgba(0, 150, 200, 0.08), transparent 60%); }
body.iaff-light-mode .iaff-footer { background: linear-gradient(180deg, transparent, rgba(0,150,200,0.05)); }

/* ترنزیشن نرم بین دو حالت */
body, .iaff-header, .hud-card, .card-3d-inner, .glass-panel {
	transition: background-color 0.4s ease, color 0.4s ease, border-color 0.4s ease;
}