:root {
    --primary: #B59666;
    --secondary: #4C4F53;
    --second-color: #4C4F53;
    --bg-color: #F2F2F2;
    --second-bg-color: #f8e9c5;
    --white: #FFF;
    --black: #000;
    --gray: #808080;
    --red: #f45a51;
    --green: #44db77;
    --blue: #479cfb;
    --orange: #f89100;
    --yellow: #f8cb42;
    --purple: #9967fe;

    /* مواءمة ألوان Bootstrap مع الهوية (بني أساسي + رمادي داكن) */
    --bs-primary: #B59666;
    --bs-primary-rgb: 181, 150, 102;
}

/* استبدال أزرق Bootstrap الافتراضي باللون البني الأساسي */
.btn-primary {
    color: #fff;
    background-color: var(--primary);
    border-color: var(--primary);
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.btn-primary:disabled,
.btn-primary.disabled {
    color: #fff;
    background-color: #a3855a;
    border-color: #9a7d53;
}

.btn-primary:focus,
.btn-primary.focus {
    box-shadow: 0 0 0 .25rem rgba(181, 150, 102, .5);
}

.btn-outline-primary {
    color: var(--primary);
    border-color: var(--primary);
}

.btn-outline-primary:hover,
.btn-outline-primary:active {
    color: #fff;
    background-color: var(--primary);
    border-color: var(--primary);
}

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

/* تبديل لون التطبيق حسب الدورة — معطّل حالياً، اللون موحّد للدورتين (يُعاد تفعيله لاحقاً بإزالة التعليق)
html[data-cycle="1448"] {
    --primary: #E3625A;
}
*/