/* ============================================================
   base.css — ریست پایه، تنظیمات بدنه و انیمیشن‌های مشترک
   روی همه‌ی صفحات (لاگین، پنل، پروفایل، تنظیمات و ...) اعمال می‌شود
   ============================================================ */

/* ── ریست پایه ───────────────────────────────────────────── */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
}

html, body {
    font-family: 'Vazirmatn', sans-serif;
    background: var(--bg-page);
    color: var(--text-primary);
}

body {
    transition: background .3s, color .3s;
}

/* کلاس کمکی مخفی‌سازی عمومی (در جاوااسکریپت‌ها استفاده می‌شود) */
.hidden { display: none !important; }

/* ── انیمیشن‌های مشترک (مودال‌ها، توست‌ها، اسپینر و ...) ──── */
@keyframes fadeIn   { from { opacity: 0 } to { opacity: 1 } }
@keyframes slideUp  { from { opacity: 0; transform: translateY(16px) } to { opacity: 1; transform: none } }
@keyframes toastIn  { from { opacity: 0; transform: translateX(14px) } to { opacity: 1; transform: none } }
@keyframes toastOut { to { opacity: 0; transform: translateX(14px) } }
@keyframes spin     { to { transform: rotate(360deg) } }
@keyframes shake    { 0%,100% { transform: translateX(0) } 25% { transform: translateX(-5px) } 75% { transform: translateX(5px) } }
@keyframes bubbleBurst {
    0%   { transform: scale(1);    opacity: 1;  filter: blur(0) }
    40%  { transform: scale(1.15); opacity: .9; filter: blur(0) }
    100% { transform: scale(1.5);  opacity: 0;  filter: blur(4px) }
}