:root {
    --bs-primary: #004684; /* Override Bootstrap primary color */
}

.bg-primary {
    background-color: var(--bs-primary) !important;
    color: #ffffff !important; /* Ensure text is readable */
}

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

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

.btn-primary:hover {
    background-color: #003366 !important; /* Darker shade for hover */
    border-color: #003366 !important;
}