/**
 * Custom Bootstrap color overrides
 */

:root {
    --bs-primary: #0685A9;
    --bs-primary-rgb: 6, 133, 169;
}

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

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

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

/* Button styles */
.btn-primary {
    background-color: var(--bs-primary);
    border-color: var(--bs-primary);
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
    background-color: #056d8c;
    border-color: #056d8c;
}

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

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

/* Navigation elements */
.nav-pills .nav-link.active, 
.nav-pills .show > .nav-link {
    background-color: var(--bs-primary);
}

/* Pagination elements */
.page-link {
    color: var(--bs-primary);
}

.page-item.active .page-link {
    background-color: var(--bs-primary);
    border-color: var(--bs-primary);
}

/* Links */
a {
    color: var(--bs-primary);
}

a:hover {
    color: #056d8c;
}

/* Progress bars */
.progress-bar {
    background-color: var(--bs-primary);
}

/* Alert primary */
.alert-primary {
    background-color: rgba(var(--bs-primary-rgb), 0.1);
    border-color: rgba(var(--bs-primary-rgb), 0.2);
    color: var(--bs-primary);
}

/* Form elements */
.form-check-input:checked {
    background-color: var(--bs-primary);
    border-color: var(--bs-primary);
}

.form-control:focus,
.form-select:focus {
    border-color: rgba(var(--bs-primary-rgb), 0.4);
    box-shadow: 0 0 0 0.25rem rgba(var(--bs-primary-rgb), 0.25);
}