/*
 * GenerateQR brand override for the entry / auth pages (login, register,
 * lost password, activation, and other basic_wrapper pages).
 * Loaded last, so it retints Bootstrap's primary color to the GenerateQR teal
 * without changing the dashboard. Brand: #286870, darker #20545b.
 */

:root,
[data-theme-style="default"],
[data-theme-style="dark"] {
    --bs-primary: #286870;
    --bs-primary-rgb: 40, 104, 112;
    --bs-link-color: #286870;
    --bs-link-color-rgb: 40, 104, 112;
    --bs-link-hover-color: #20545b;
    --bs-link-hover-color-rgb: 32, 84, 91;
}

.btn-primary {
    --bs-btn-bg: #286870;
    --bs-btn-border-color: #286870;
    --bs-btn-hover-bg: #20545b;
    --bs-btn-hover-border-color: #20545b;
    --bs-btn-active-bg: #20545b;
    --bs-btn-active-border-color: #20545b;
    --bs-btn-disabled-bg: #286870;
    --bs-btn-disabled-border-color: #286870;
    --bs-btn-focus-shadow-rgb: 40, 104, 112;
}

.btn-outline-primary {
    --bs-btn-color: #286870;
    --bs-btn-border-color: #286870;
    --bs-btn-hover-bg: #286870;
    --bs-btn-hover-border-color: #286870;
    --bs-btn-active-bg: #286870;
    --bs-btn-active-border-color: #286870;
    --bs-btn-focus-shadow-rgb: 40, 104, 112;
}

a:not(.btn) { color: #286870; }
a:not(.btn):hover { color: #20545b; }

.text-primary { color: #286870 !important; }
.link-primary { color: #286870 !important; }
.link-primary:hover { color: #20545b !important; }
.bg-primary { background-color: #286870 !important; }
.border-primary { border-color: #286870 !important; }

.form-check-input:checked {
    background-color: #286870;
    border-color: #286870;
}
.form-control:focus,
.form-select:focus,
.form-check-input:focus {
    border-color: #7bb0b6;
    box-shadow: 0 0 0 .25rem rgba(40, 104, 112, .25);
}
.btn:focus,
.btn-check:focus + .btn {
    box-shadow: 0 0 0 .25rem rgba(40, 104, 112, .25);
}

.page-link { color: #286870; }
.page-item.active .page-link {
    background-color: #286870;
    border-color: #286870;
}
.progress-bar { background-color: #286870; }
.spinner-border,
.spinner-grow { color: #286870; }