.login-page {
    background: var(--white);
}

.login-art {
    background: var(--nav);
}

.login-art::after {
    border-color: color-mix(in srgb, var(--highlight, #2a3a32) 72%, transparent);
    box-shadow:
        0 0 0 70px color-mix(in srgb, var(--highlight, #2a3a32) 45%, transparent),
        0 0 0 140px color-mix(in srgb, var(--highlight, #2a3a32) 24%, transparent);
}

.login-brand > span {
    background: var(--gold);
    color: var(--nav);
}

.login-brand small,
.art-copy p,
.art-foot {
    color: color-mix(in srgb, var(--white) 65%, transparent);
}

.mini-chart i {
    background: var(--gold);
}

.login-form {
    background: var(--white);
}

.login-form input:focus-visible {
    border-color: var(--green);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--green) 18%, transparent);
    outline: none;
}