:root {
    --essera-gold: #6691e7;
    --essera-gold-dark: #4f78d6;
    --essera-gold-soft: #edf4ff;
}

.form-control:focus {
    border-color: var(--essera-gold);
    box-shadow: 0 0 0 0.15rem rgb(102 145 231 / 20%);
}

.btn-primary,
.btn-primary:focus,
.btn-primary:hover,
.btn-primary:active,
.btn-primary.active,
.show > .btn-primary.dropdown-toggle {
    color: #fff;
    background-color: var(--essera-gold);
    border-color: var(--essera-gold);
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.show > .btn-primary.dropdown-toggle {
    background-color: var(--essera-gold-dark);
    border-color: var(--essera-gold-dark);
}

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

.btn-outline-primary:hover,
.btn-outline-primary:focus,
.btn-outline-primary:active,
.btn-outline-primary.active {
    color: #fff;
    background-color: var(--essera-gold);
    border-color: var(--essera-gold);
}

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

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

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

.bg-soft-primary {
    background-color: var(--essera-gold-soft) !important;
}

.auth-one-bg .bg-overlay {
    background: linear-gradient(to right, var(--essera-gold-dark), var(--essera-gold));
    opacity: .9;
}

.auth-bg-cover {
    background: linear-gradient(-45deg, var(--essera-gold) 50%, var(--essera-gold-dark));
}