body.login {
    background: var(--vat-soft);
}

.login #loginform,
.login #registerform,
.login #lostpasswordform {
    border: 0;
    box-shadow: 0 12px 40px rgba(63, 37, 25, .12);
}

.login h1 a {
    background-size: contain;
}

.wp-core-ui .button-primary {
    background: var(--vat-primary);
    border-color: var(--vat-primary);
    color: var(--vat-white);
    box-shadow: none;
}

.wp-core-ui .button-primary:hover,
.wp-core-ui .button-primary:focus {
    background: var(--vat-dark);
    border-color: var(--vat-dark);
}

.login #backtoblog a,
.login #nav a,
.login a {
    color: var(--vat-dark);
}

.login #backtoblog a:hover,
.login #nav a:hover,
.login a:hover {
    color: var(--vat-primary);
}

.login input[type="text"]:focus,
.login input[type="password"]:focus,
.login input[type="email"]:focus {
    border-color: var(--vat-primary);
    box-shadow: 0 0 0 1px var(--vat-primary);
}