/* ألوان الخلفية المخصصة للمستخدمين */
body.bg-pink {
    background-color: #ffe4e6 !important;
}

body.bg-lightgreen {
    background-color: #e0f2e9 !important;
}

body.bg-lightblue {
    background-color: #e0f2fe !important;
}

body.bg-beige {
    background-color: #f5f5dc !important;
}

/* تعديل ألوان البطاقات لتتناسب مع الخلفيات */
.bg-pink .card {
    background-color: rgba(255, 255, 255, 0.9);
}

.bg-lightgreen .card {
    background-color: rgba(255, 255, 255, 0.9);
}

/* وهكذا يمكن تخصيص ألوان البطاقات حسب الخلفية */