:root {
    --bs-primary: #0a477e;
    --bs-primary-rgb: 10, 71, 126;
    --bs-primary-hover: #083a66;
    --bs-primary-active: #062d50;
    
    --brand-navy: #0a477e;
    --brand-teal: #1897a6;
    --brand-teal-rgb: 24, 151, 166;
}

/* Primary Button Overrides */
.btn-primary {
    background-color: var(--brand-navy) !important;
    border-color: var(--brand-navy) !important;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active {
    background-color: var(--bs-primary-hover) !important;
    border-color: var(--bs-primary-hover) !important;
}

/* Outline Primary */
.btn-outline-primary {
    color: var(--brand-navy) !important;
    border-color: var(--brand-navy) !important;
}

.btn-outline-primary:hover {
    background-color: var(--brand-navy) !important;
    color: #fff !important;
}

/* Link Overrides */
a {
    color: var(--brand-navy);
}

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

/* Sidebar Active Item Overrides */
.menu-vertical .menu-item.active > .menu-link:not(.menu-toggle),
.menu-vertical .menu-item.active > .menu-link:not(.menu-toggle):before {
    background-color: var(--brand-teal) !important;
    color: #fff !important;
}

.menu-vertical .menu-item.active {
    background-image: none !important;
}

/* Sidebar Text Primary */
.text-primary {
    color: var(--brand-navy) !important;
}

/* Badge Primary */
.badge.bg-primary {
    background-color: var(--brand-navy) !important;
}

/* Form Check Overrides */
.form-check-input:checked {
    background-color: var(--brand-navy) !important;
    border-color: var(--brand-navy) !important;
}

/* Custom UI Elements from the logo */
.text-teal {
    color: var(--brand-teal) !important;
}

.bg-teal {
    background-color: var(--brand-teal) !important;
}