:root {
    --primary-color: #6fc387;          /* اللون الأخضر الأساسي */
    --primary-light: #8ed3a3;          /* درجة أفتح من الأخضر */
    --primary-dark: #4e9c66;           /* درجة أغمق من الأخضر */
    --primary-bg: #f0f9f2;             /* خلفية فاتحة خضراء */
    
    --secondary-color: #353251;        /* اللون البنفسجي الأساسي */
    --secondary-light: #4a476e;        /* درجة أفتح من البنفسجي */
    --secondary-dark: #272339;         /* درجة أغمق من البنفسجي */
    --secondary-bg: #f5f5f8;           /* خلفية فاتحة بنفسجية */
    
    --success-color: var(--primary-color);
    --info-color: var(--secondary-light);
    --warning-color: #6fc387;          /* تغيير اللون الأصفر إلى الأخضر */
    --danger-color: #353251;           /* تغيير اللون الأحمر إلى البنفسجي */
}

/* تطبيق الألوان على العناصر الأساسية */
.btn-primary {
    background-color: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
    color: white !important;
}

.btn-primary:hover {
    background-color: var(--primary-dark) !important;
    border-color: var(--primary-dark) !important;
}

.btn-secondary {
    background-color: var(--secondary-color) !important;
    border-color: var(--secondary-color) !important;
    color: white !important;
}

.btn-secondary:hover {
    background-color: var(--secondary-dark) !important;
    border-color: var(--secondary-dark) !important;
}

/* تغيير لون الأزرار الأخرى */
.btn-success {
    background-color: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
}

.btn-info {
    background-color: var(--secondary-color) !important;
    border-color: var(--secondary-color) !important;
    color: white !important;
}

.btn-warning {
    background-color: var(--primary-light) !important;
    border-color: var(--primary-light) !important;
    color: white !important;
}

.btn-danger {
    background-color: var(--secondary-dark) !important;
    border-color: var(--secondary-dark) !important;
}

/* توجيه مدخلات التاريخ لليسار لعرض الأرقام الإنجليزية */
input[type="date"] {
    direction: ltr;
    text-align: left;
}

/* الروابط */
a {
    color: var(--primary-color);
}

a:hover {
    color: var(--primary-dark);
}

/* النافبار والتابز */
.nav-tabs .nav-link.active {
    color: white !important;
    background-color: var(--secondary-color) !important;
    border-color: var(--secondary-color) !important;
}

.nav-tabs .nav-link:hover:not(.active) {
    background-color: var(--secondary-bg);
    border-color: var(--secondary-light) !important;
}

.nav-pills .nav-link.active {
    background-color: var(--primary-color) !important;
}

/* البطاقات */
.card {
    border-color: #e0e0e0 !important;
}

.card-header {
    background-color: var(--secondary-color) !important;
    color: white !important;
    border-bottom: none !important;
}

/* المؤشرات والرسوم البيانية */
.progress-bar {
    background-color: var(--primary-color) !important;
}

.bg-success {
    background-color: var(--primary-color) !important;
}

.bg-info {
    background-color: var(--secondary-color) !important;
}

.bg-warning {
    background-color: var(--primary-light) !important;
}

.bg-danger {
    background-color: var(--secondary-dark) !important;
}

/* الجداول */
.table-hover tbody tr:hover {
    background-color: var(--primary-bg) !important;
}

.table .thead-dark th {
    background-color: var(--secondary-color) !important;
    border-color: var(--secondary-dark) !important;
    color: white !important;
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: var(--secondary-bg) !important;
}

/* التنبيهات */
.alert-success {
    background-color: var(--primary-bg) !important;
    border-color: var(--primary-color) !important;
    color: var(--primary-dark) !important;
}

.alert-info {
    background-color: var(--secondary-bg) !important;
    border-color: var(--secondary-color) !important;
    color: var(--secondary-dark) !important;
}

.alert-warning {
    background-color: var(--primary-bg) !important;
    border-color: var(--primary-light) !important;
    color: var(--primary-dark) !important;
}

.alert-danger {
    background-color: var(--secondary-bg) !important;
    border-color: var(--secondary-dark) !important;
    color: var(--secondary-dark) !important;
}

/* النصوص */
.text-primary {
    color: var(--primary-color) !important;
}

.text-secondary {
    color: var(--secondary-color) !important;
}

.text-success {
    color: var(--primary-color) !important;
}

.text-info {
    color: var(--secondary-color) !important;
}

.text-warning {
    color: var(--primary-dark) !important;
}

.text-danger {
    color: var(--secondary-dark) !important;
}

/* الحدود */
.border-primary {
    border-color: var(--primary-color) !important;
}

.border-secondary {
    border-color: var(--secondary-color) !important;
}

/* المدخلات */
.form-control:focus {
    border-color: var(--primary-color) !important;
    box-shadow: 0 0 0 0.2rem rgba(111, 195, 135, 0.25) !important;
}

.custom-select:focus {
    border-color: var(--primary-color) !important;
    box-shadow: 0 0 0 0.2rem rgba(111, 195, 135, 0.25) !important;
}

/* الأزرار المحددة */
.btn-check:checked + .btn-primary {
    background-color: var(--primary-dark) !important;
    border-color: var(--primary-dark) !important;
}

/* البيج أكتف */
.page-item.active .page-link {
    background-color: var(--secondary-color) !important;
    border-color: var(--secondary-color) !important;
    color: white !important;
}

.page-link {
    color: var(--secondary-color) !important;
}

.page-link:hover {
    background-color: var(--secondary-bg) !important;
}

/* الشريط الجانبي */
.sidebar {
    background-color: var(--secondary-dark) !important;
}

.sidebar .nav-link {
    color: #fff !important;
}

.sidebar .nav-link:hover {
    background-color: var(--secondary-color) !important;
}

.sidebar .nav-link.active {
    background-color: var(--primary-color) !important;
    color: white !important;
}

/* الهيدر */
.main-header {
    background-color: white !important;
    border-bottom: 2px solid var(--primary-color) !important;
}

/* الفوتر */
.main-footer {
    background-color: white !important;
    border-top: 2px solid var(--primary-color) !important;
}

/* البادجات */
.badge-primary {
    background-color: var(--primary-color) !important;
}

.badge-secondary {
    background-color: var(--secondary-color) !important;
}

.badge-success {
    background-color: var(--primary-color) !important;
}

.badge-info {
    background-color: var(--secondary-color) !important;
}

.badge-warning {
    background-color: var(--primary-light) !important;
}

.badge-danger {
    background-color: var(--secondary-dark) !important;
}

/* تعديل ألوان الرسوم البيانية */
.chart-legend .bg-primary {
    background-color: var(--primary-color) !important;
}

.chart-legend .bg-info {
    background-color: var(--secondary-color) !important;
}

/* تعديل ألوان المؤشرات */
.indicator-value {
    color: var(--primary-color) !important;
}

.indicator-label {
    color: var(--secondary-color) !important;
}

/* تعديل ألوان الأيقونات */
.fa-check, .fa-check-circle {
    color: var(--primary-color) !important;
}

.fa-info, .fa-info-circle {
    color: var(--secondary-color) !important;
}

/* دعم حقل .form-select (Bootstrap 5) ليتوافق مع Bootstrap 4 */
.form-select {
    display: block;
    width: 100%;
    padding: .375rem 1.75rem .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: left .75rem center;
    background-size: 8px 10px;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
.form-select:focus {
    border-color: var(--primary-color) !important;
    box-shadow: 0 0 0 0.2rem rgba(111, 195, 135, 0.25) !important;
}
/* الحفاظ على ارتفاع مناسب حتى لا يُقص النص داخل الحقول */
.form-select, .form-control, .custom-select {
    height: calc(2.25rem + 2px) !important;
    line-height: 1.5 !important;
}

/* تنسيق زر اختيار الملف داخل input[type=file] ليظهر متناسقًا */
.form-control[type="file"]::file-selector-button {
    padding: .375rem .75rem;
    margin-left: .5rem;
    color: #fff;
    background-color: var(--primary-color);
    border: none;
    border-radius: .25rem;
    cursor: pointer;
}
.form-control[type="file"]::-ms-browse {
    /* دعم متصفحات IE القديمة */
    padding: .375rem .75rem;
    color: #fff;
    background-color: var(--primary-color);
    border: none;
    border-radius: .25rem;
}

/* تعديل ألوان الدروبداون */
.dropdown-item:hover {
    background-color: var(--primary-bg) !important;
}

.dropdown-item.active {
    background-color: var(--secondary-color) !important;
    color: white !important;
}