:root {
    --navy-950: #161311;
    --navy-900: #201b17;
    --navy-800: #33291f;
    --blue-500: #c8792b;
    --blue-600: #a8631f;
    --blue-100: #faf0e2;
    --paper: #f6f1e9;
}

.auth-panel {
    background:
        radial-gradient(circle at 100% 0, rgba(200, 121, 43, .1), transparent 28rem),
        var(--paper);
}

.form-field input:focus {
    border-color: var(--blue-500) !important;
    box-shadow: 0 0 0 4px rgba(200, 121, 43, .14) !important;
}

.login-button {
    box-shadow: 0 .8rem 2rem rgba(120, 74, 24, .2) !important;
}

.login-button:hover {
    box-shadow: 0 1rem 2.4rem rgba(120, 74, 24, .26) !important;
}

.password-toggle:hover {
    color: var(--blue-600) !important;
}

.portal-switcher a[aria-disabled="true"] {
    pointer-events: none;
    opacity: .6;
}