/* Keep WordPress authentication and its error messages intact. */
.login h1 a {
    background-image: none;
    width: 100%;
    max-width: 300px;
    height: auto;
    margin: 0 auto 16px;
    text-indent: 0;
    color: #111;
    font-size: 36px;
    font-weight: 600;
    line-height: 1.3;
}
.login .cpl-login-title {
    margin: 0 0 24px;
    text-align: center;
    font-size: 20px;
    font-weight: 500;
    line-height: 1.4;
    color: #222;
}

/* Monochrome accents only on WordPress login and password-reset screens. */
body.login {
    --wp-admin-theme-color: #111;
    --wp-admin-theme-color--rgb: 17, 17, 17;
    --wp-admin-theme-color-darker-10: #333;
    --wp-admin-theme-color-darker-20: #444;
    accent-color: #111;
}
body.login .button,
body.login .button-secondary {
    color: #111;
    border-color: #666;
    background: #f6f7f7;
}
body.login .button:hover,
body.login .button-secondary:hover {
    color: #111;
    border-color: #111;
    background: #e5e5e5;
}
body.login .button-primary {
    color: #fff;
    background: #111;
    border-color: #111;
    text-shadow: none;
}
body.login .button-primary:hover,
body.login .button-primary:active {
    color: #fff;
    background: #333;
    border-color: #333;
}
body.login .button:focus,
body.login .button-secondary:focus,
body.login .button-primary:focus {
    box-shadow: 0 0 0 1px #fff, 0 0 0 3px #555;
    outline: 2px solid transparent;
}
body.login .button-primary:disabled,
body.login .button-primary[disabled] {
    color: #555 !important;
    background: #ddd !important;
    border-color: #aaa !important;
    box-shadow: none !important;
}
body.login .button.wp-hide-pw {
    color: #333;
    background: transparent;
    border-color: transparent;
}
body.login .button.wp-hide-pw:hover { color: #000; }
body.login input:focus,
body.login select:focus {
    border-color: #555;
    box-shadow: 0 0 0 1px #555;
    outline: 2px solid transparent;
}
body.login input[type="checkbox"]:checked::before {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='%23111' d='M14.83 4.89l1.34.94-5.81 8.38H9.02L5.77 9.67l1.34-1.25 2.58 2.4z'/%3E%3C/svg%3E");
}
body.login select {
    color: #333;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23333' stroke-width='2' d='m4 6 4 4 4-4'/%3E%3C/svg%3E");
}
body.login a,
body.login #nav a,
body.login #backtoblog a { color: #444; }
body.login a:hover,
body.login #nav a:hover,
body.login #backtoblog a:hover { color: #000; }
body.login a:focus {
    color: #111;
    box-shadow: 0 0 0 2px #555;
    outline: 2px solid transparent;
}
body.login .message,
body.login .notice-info { border-left-color: #555; }