/* Branding shared by login and password recovery, scoped away from wp-admin. */
body.login {
    --wp-admin-theme-color: #ff8c1a;
    --wp-admin-theme-color--rgb: 255, 140, 26;
    --wp-admin-theme-color-darker-10: #a64d00;
    --wp-admin-theme-color-darker-10--rgb: 166, 77, 0;
    --wp-admin-theme-color-darker-20: #803c00;
    --wp-admin-theme-color-darker-20--rgb: 128, 60, 0;
    accent-color: #ff8c1a;
}

.login h1 a,
.login .wp-login-logo a {
    background-image: url('data/img/logo-nav-retina.png');
    background-size: contain;
    background-position: center;
    width: 280px;
    max-width: 100%;
    height: 68px;
}

.login .message,
.login .notice:not(.notice-error):not(.notice-success),
.login .success {
    border-left-color: var(--wp-admin-theme-color);
}

.login .button,
.login .button-secondary {
    color: var(--wp-admin-theme-color-darker-10);
}

.login .button-primary,
.login .button-primary:focus {
    background: var(--wp-admin-theme-color);
    border-color: var(--wp-admin-theme-color);
    color: #292929;
}

.login .button-primary:hover,
.login .button-primary:active {
    background: #ef7b00;
    border-color: #ef7b00;
    color: #292929;
}

.login input[type='checkbox']:checked::before {
    filter: brightness(0.2);
}

/* Keep browser-filled fields in the same warm palette. */
.login input:-webkit-autofill {
    -webkit-text-fill-color: #292929;
    box-shadow: inset 0 0 0 1000px #fff6ec;
}

.login input:-webkit-autofill:focus {
    box-shadow: inset 0 0 0 1000px #fff6ec, 0 0 0 1.5px var(--wp-admin-theme-color);
}