/* ======================================
   ETEHAD AWAZEL CUSTOM COLORS
   Based on Company Logo Colors
   ====================================== */

:root {
    /* Primary Color - Gray from Logo */
    --bs-primary: #5A6C7D;
    --bs-primary-rgb: 90, 108, 125;
    
    /* Secondary Color - Orange from Logo */
    --bs-secondary: #E67E22;
    --bs-secondary-rgb: 230, 126, 34;
    
    /* Additional shades */
    --primary-dark: #4A5568;
    --primary-light: #6B7C8D;
    --secondary-dark: #D68910;
    --secondary-light: #F39C12;
}

/* ======================================
   BACKGROUND COLORS
   ====================================== */
.bg-primary {
    background-color: #5A6C7D !important;
}

.bg-secondary {
    background-color: #E67E22 !important;
}

/* ======================================
   TEXT COLORS
   ====================================== */
.text-primary {
    color: #5A6C7D !important;
}

.text-secondary {
    color: #E67E22 !important;
}

/* ======================================
   BUTTONS
   ====================================== */
.btn-primary {
    background-color: #5A6C7D !important;
    border-color: #5A6C7D !important;
}

.btn-primary:hover,
.btn-primary:focus {
    background-color: #4A5568 !important;
    border-color: #4A5568 !important;
}

.btn-secondary {
    background-color: #E67E22 !important;
    border-color: #E67E22 !important;
}

.btn-secondary:hover,
.btn-secondary:focus {
    background-color: #D68910 !important;
    border-color: #D68910 !important;
}

/* ======================================
   NAVBAR
   ====================================== */
.navbar.bg-primary {
    background-color: #5A6C7D !important;
}

/* ======================================
   LINKS
   ====================================== */
a {
    color: #5A6C7D;
}

a:hover {
    color: #E67E22;
}

.nav-link.active {
    color: #E67E22 !important;
}

/* ======================================
   BORDERS
   ====================================== */
.border-primary {
    border-color: #5A6C7D !important;
}

.border-secondary {
    border-color: #E67E22 !important;
}

/* ======================================
   BADGES
   ====================================== */
.badge.bg-primary {
    background-color: #5A6C7D !important;
}

.badge.bg-secondary {
    background-color: #E67E22 !important;
}

/* ======================================
   ALERTS
   ====================================== */
.alert-primary {
    background-color: rgba(90, 108, 125, 0.1) !important;
    border-color: #5A6C7D !important;
    color: #4A5568 !important;
}

.alert-secondary {
    background-color: rgba(230, 126, 34, 0.1) !important;
    border-color: #E67E22 !important;
    color: #D68910 !important;
}

/* ======================================
   FORMS
   ====================================== */
.form-control:focus {
    border-color: #E67E22 !important;
    box-shadow: 0 0 0 0.2rem rgba(230, 126, 34, 0.25) !important;
}

/* ======================================
   PAGINATION
   ====================================== */
.page-link {
    color: #5A6C7D;
}

.page-link:hover {
    color: #E67E22;
    background-color: rgba(230, 126, 34, 0.1);
}

.page-item.active .page-link {
    background-color: #5A6C7D;
    border-color: #5A6C7D;
}