/* الخلفية الأساسية */
body {
    background-color: #FAF3E0; /* لون كريمي فاتح لخلق إحساس بالفخامة والنقاء */
    color: #3E2723; /* لون بني داكن للنصوص ليتناسب مع الطابع الفاخر للعطور */
    font-family: 'Dubai', sans-serif; /* خط عصري يعكس الذوق العربي */
    margin: 0;
    padding: 0;
}

/* النصوص الأساسية */
h1, h2, h3, p, span, a {
    color: #3E2723; /* بني داكن ليتناسب مع الطابع الفاخر للعطور */
}

/* الأزرار والعناصر البارزة */
button, .btn-primary {
    background-color: #B28D4D; /* لون ذهبي عتيق للأزرار */
    color: #3E2723; /* النصوص باللون البني الداكن */
    border: 1px solid #7C4D2D; /* حدود بالألوان البرونزية المميزة */
    border-radius: 8px; /* حواف دائرية للأزرار لزيادة الأناقة */
    padding: 12px 25px;
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    cursor: pointer; /* يظهر مؤشر اليد عند المرور على الأزرار */
}

/* تفادي أي تأثيرات قد تخفي المحتوى مثل الظلال */
.card, .product-item {
    border: 1px solid #3E2723; /* حدود بنية داكنة تعكس الفخامة */
    box-shadow: none; /* إزالة الظلال لتجنب تأثيرات التغطية */
    border-radius: 10px; /* حواف دائرية لزيادة الأناقة */
}

/* رسائل النجاح أو التنبيهات */
.alert-success {
    background-color: #FF9800; /* لون العنبر لرسائل النجاح */
    color: #3E2723; /* النصوص باللون البني الداكن */
    border-radius: 8px;
    padding: 10px 20px;
}

/* العناوين المميزة */
h1, h2, h3 {
    color: #D32F2F; /* اللون الأحمر القاني للعناوين لإضافة التميز */
    font-family: 'Dubai', sans-serif; /* خط عصري يعكس الذوق العربي */
    text-transform: capitalize; /* جعل الحروف تبدأ بكبيرة لإضفاء طابع فخم */
}

/* الروابط */
a {
    text-decoration: none;
    color: #B28D4D; /* لون ذهبي */
    font-weight: bold;
    display: inline-block;
}

a:hover {
    color: #FF9800; /* تغيير اللون إلى العنبر عند التمرير */
}

/* تخصيص الأسعار */
.price {
    font-weight: bold;
    color: #3E2723; /* لون بني داكن للأسعار */
    font-size: 20px;
}

/* تخصيص الخلفية للأقسام المميزة */
.section-highlight {
    background-color: #FFE082; /* خلفية صفراء دافئة للأقسام المميزة */
    padding: 40px 0;
    border-radius: 10px;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.15); /* تأثير ظل خفيف يعزز الفخامة */
}

/* تخصيص الأزرار عند التمرير */
button:hover, .btn-primary:hover {
    background-color: #FF9800; /* العنبر عند التمرير على الأزرار */
    border-color: #B28D4D; /* الحدود الذهبية عند التمرير */
}

/* التأكد من وضوح النصوص */
.text-clear {
    color: #3E2723 !important; /* تأكيد أن النصوص لن تتأثر بتأثيرات */
}