/* 1. فراخوانی هسته اصلی Tailwind v4 */
@import "tailwindcss";

/* 2. متصل کردن فایل کانفیگ نسخه 3 به تیلویند نسخه 4 */
/* توجه: اگر فایل globals.css در پوشه src/app است، مسیر زیر درست است */
@config "../../tailwind.config.ts";

/* 3. ایمپورت فونت ایران‌سنس */
@import "../../public/assets/fonts/iransans/style.css";

@layer base {
    :root {
        --background: #ffffff;
        --foreground: #0f172a;
        --border: #e2e8f0;
    }

    .dark {
        --background: #0a0a0a;
        --foreground: #ededed;
    }
}

@layer base {
    body {
        background-color: var(--background);
        color: var(--foreground);
        /* تنظیم فونت ایران‌سنس به عنوان فونت اصلی و سراسری */
        font-family: "IRANSans", "Vazirmatn", Tahoma, sans-serif;
        direction: rtl;
    }

    html {
        overflow-x: hidden;
        scroll-behavior: smooth;
    }
}

/* تنظیمات اسکرول‌بار برای فایرفاکس */
* {
    scrollbar-width: thin;
    scrollbar-color: #f472b6 #fdf2f8; /* رنگ درگ‌کننده (salona-400) و پس‌زمینه (salona-50) */
}

/* تنظیمات اسکرول‌بار برای کروم، اج و سافاری */
*::-webkit-scrollbar {
    width: 8px; /* عرض اسکرول‌بار عمودی */
    height: 8px; /* ارتفاع اسکرول‌بار افقی */
}

/* پس‌زمینه مسیر اسکرول‌بار */
*::-webkit-scrollbar-track {
    background: #fdf2f8; /* معادل salona-50 */
    border-radius: 10px;
}

/* دستگیره (Thumb) اسکرول‌بار */
*::-webkit-scrollbar-thumb {
    background-color: #f9a8d4; /* معادل salona-300 */
    border-radius: 10px;
    /* حاشیه همرنگ پس‌زمینه برای ایجاد افکت فاصله (Padding) تمیزتر */
    border: 2px solid #fdf2f8;
    transition: background-color 0.3s ease;
}

/* حالت هاور (Hover) دستگیره اسکرول‌بار */
*::-webkit-scrollbar-thumb:hover {
    background-color: #ec4899; /* معادل salona-500 (رنگ اصلی برند) */
}
