/**
 * Bootstrap theme override: use #1e758d as primary, success and info color
 * So btn-primary, btn-success, btn-info, text-info, etc. all use this color
 */
:root {
    --bs-primary: #1e758d;
    --bs-primary-rgb: 30, 117, 141;
    --bs-success: #1e758d;
    --bs-success-rgb: 30, 117, 141;
    --bs-info: #1e758d;
    --bs-info-rgb: 30, 117, 141;
}

/* Ensure button classes use the overridden colors (for CDN-loaded Bootstrap) */
.btn-primary,
.btn-success {
    background-color: #1e758d;
    border-color: #1e758d;
}
.btn-primary:hover,
.btn-success:hover {
    background-color: #195f73;
    border-color: #195f73;
}
.btn-primary:focus,
.btn-success:focus,
.btn-outline-primary:focus,
.btn-outline-success:focus {
    box-shadow: 0 0 0 0.25rem rgba(30, 117, 141, 0.25);
}
.btn-outline-primary,
.btn-outline-success {
    color: #1e758d;
    border-color: #1e758d;
}
.btn-outline-primary:hover,
.btn-outline-success:hover {
    background-color: #1e758d;
    border-color: #1e758d;
    color: #fff;
}

/* Info: same color as primary/success */
.text-info {
    color: #1e758d !important;
}
.btn-info {
    background-color: #1e758d;
    border-color: #1e758d;
}
.btn-info:hover {
    background-color: #195f73;
    border-color: #195f73;
}
.btn-outline-info {
    color: #1e758d;
    border-color: #1e758d;
}
.btn-outline-info:hover {
    background-color: #1e758d;
    border-color: #1e758d;
    color: #fff;
}
.btn-info:focus,
.btn-outline-info:focus {
    box-shadow: 0 0 0 0.25rem rgba(30, 117, 141, 0.25);
}
.bg-info {
    background-color: #1e758d !important;
}
.bg-info-subtle,
.bg-opacity-10.bg-info {
    background-color: rgba(30, 117, 141, 0.1) !important;
}