/* Custom Primary Color Override */
:root {
    --bs-primary: #2B4C72 !important;
    --bs-primary-rgb: 43, 76, 114 !important;
}

/* Primary color variations */
.bg-primary {
    background-color: #2B4C72 !important;
}

.btn-primary {
    background-color: #2B4C72 !important;
    border-color: #2B4C72 !important;
}

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

.text-primary {
    color: #2B4C72 !important;
}

.border-primary {
    border-color: #2B4C72 !important;
}

/* Link colors */
a.text-primary:hover,
a.text-primary:focus {
    color: #234060 !important;
}

/* Badge primary */
.badge-primary {
    background-color: #2B4C72 !important;
}

/* Alert primary */
.alert-primary {
    background-color: rgba(43, 76, 114, 0.1) !important;
    border-color: #2B4C72 !important;
    color: #2B4C72 !important;
}

/* Form controls */
.form-check-input:checked {
    background-color: #2B4C72 !important;
    border-color: #2B4C72 !important;
}

/* Progress bar */
.progress-bar {
    background-color: #2B4C72 !important;
}

/* Nav pills */
.nav-pills .nav-link.active {
    background-color: #2B4C72 !important;
}

/* Pagination */
.pagination .page-item.active .page-link {
    background-color: #2B4C72 !important;
    border-color: #2B4C72 !important;
}

/* Sidebar and menu items */
.aside-menu .menu-link.active {
    background-color: #2B4C72 !important;
    color: #ffffff !important;
}

.aside-menu .menu-link.active .menu-title {
    color: #ffffff !important;
}

.aside-menu .menu-link.active .menu-icon svg path {
    fill: #ffffff !important;
}

.menu-item.here > .menu-link {
    background-color: rgba(43, 76, 114, 0.1) !important;
}

.menu-item.here > .menu-link .menu-title {
    color: #2B4C72 !important;
}

/* Card headers with primary */
.card-header.bg-primary {
    background-color: #2B4C72 !important;
}

/* Table primary */
.table-primary {
    background-color: rgba(43, 76, 114, 0.1) !important;
}

/* Dropdown items */
.dropdown-item.active,
.dropdown-item:active {
    background-color: #2B4C72 !important;
}