/** * site-init.css * استایل‌های بحرانی که باید پیش از رندر لود شوند * از FOUC (flash of unstyled content) جلوگیری می‌کند * * این فایل باید در — پیش از سایر CSS‌ها — قرار گیرد. */ /* --- جلوگیری از FOUC برای تم تاریک --- */ :root { color-scheme: light dark; } html.dark-mode, html[data-theme="dark"] { background-color: #0a0a0b; color: #fafafa; } html:not(.dark-mode), html[data-theme="light"] { background-color: #f8fafc; color: #0f172a; } /* --- پنهان کردن body تا فونت Vazirmatn لود شود (اختیاری) --- */ body { opacity: 0; transition: opacity 0.15s ease; } body.fonts-loaded, body.no-js { opacity: 1; }