/* ۱. تنظیم متغیرهای جهانی و تم Bootstrap */
:root,
[data-bs-theme="light"] {
    /* متغیرهای رنگی اختصاصی شما */
    --bs-primary: #0d6efd;
    --bs-primary-rgb: 13, 110, 253;
    --bs-body-bg: #f8f9fa; /* رنگ پس‌زمینه ثابت کل برنامه */
    --bs-body-color: #212529; /* رنگ متن اصلی */

    /* فونت اصلی و پایه کل پروژه */
    --bs-body-font-family: "Vazirmatn", system-ui, -apple-system, sans-serif;
    --bs-body-font-size: 1rem;
    --bs-body-line-height: 1.6;
}

/* متغیرهای تم تاریک (در صورت نیاز) */
[data-bs-theme="dark"] {
    --bs-body-bg: #121212;
    --bs-body-color: #e0e0e0;
}

/* ۲. استایل‌های پایه و ثابت Body */
body {
    margin: 0;
    padding: 0;
    min-height: 100vh;
    font-family: var(--bs-body-font-family);
    font-size: var(--bs-body-font-size);
    line-height: var(--bs-body-line-height);
    color: var(--bs-body-color);
    background-color: var(--bs-body-bg);
    direction: rtl; /* تنظیم جهت راست‌به‌چپ برای برنامه‌های فارسی */
    text-align: right;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}