/**
 * ملف تخصيص الألوان - سيتم تطبيقه على السيرفر المحلي والأونلاين
 */

/* تعريف اللون الأساسي الأحمر الغامق */
:root {
    --primary-color: #ae0b0b;
}

/* تطبيق اللون على الهيدر */
.navbar.bg-primary,
.navbar-dark.bg-primary,
.navbar.navbar-dark.bg-primary,
nav.navbar,
.navbar-dark {
    background-color: #ae0b0b !important;
}

/* تطبيق اللون على الأزرار */
.btn-primary {
    background-color: #ae0b0b !important;
    border-color: #ae0b0b !important;
}

/* تجاوز تعريفات Bootstrap */
.bg-primary {
    background-color: #ae0b0b !important;
}

/* تطبيق على جميع العناصر التي تستخدم اللون الأساسي */
[class*="bg-primary"] {
    background-color: #ae0b0b !important;
}

/* إضافة !important لضمان تطبيق الألوان */
.navbar.navbar-dark {
    background-color: #ae0b0b !important;
}