/* Standalone login palette: wp-login does not load theme.json presets. */
body.login {
 --wf-login-carbon: #1a1a1c;
 --wf-login-green: #184d3b;
 --wf-login-yellow: #ffcc0b;
 --wf-login-paper: #f6f6f9;
 background: var(--wf-login-carbon);
 color: var(--wf-login-carbon);
 font-family: "Mukta", system-ui, sans-serif;
 font-size: 16px;
}
body.login #login {
 box-sizing: border-box;
 width: min(100%, 408px);
 padding: clamp(24px, 6vh, 64px) 24px 24px;
}
body.login h1 a {
 background-image: url('../images/wakefield-circle-reverse.png');
 background-size: contain;
 background-position: center;
 width: 120px;
 height: 120px;
 margin: 0 auto 28px;
}
body.login form {
 background: #fff;
 border: 0;
 border-top: 4px solid var(--wf-login-yellow);
 border-radius: 8px;
 padding: 28px 24px;
 box-shadow: 0 12px 32px rgb(0 0 0 / 20%);
}
body.login label { font-size: 16px; }
body.login input.input {
 border: 1px solid #626a73;
 border-radius: 4px;
 background: var(--wf-login-paper);
 color: var(--wf-login-carbon);
 font-family: inherit;
}
body.login input:focus,
body.login select:focus {
 border-color: var(--wf-login-green);
 box-shadow: 0 0 0 2px var(--wf-login-green);
}
body.login .button-primary,
body.login .language-switcher .button {
 background: var(--wf-login-yellow);
 border: 2px solid transparent;
 border-radius: 4px;
 color: var(--wf-login-carbon);
 font-family: inherit;
 font-size: 16px;
 font-weight: 700;
 min-height: 40px;
 padding: 0 18px;
 text-shadow: none;
 box-shadow: none;
}
body.login .button-primary:hover,
body.login .button-primary:active,
body.login .language-switcher .button:hover { background: #ffdd5b; color: var(--wf-login-carbon); }
body.login .button.wp-hide-pw { color: var(--wf-login-green); }
body.login #nav a,
body.login #backtoblog a,
body.login .privacy-policy-link { color: var(--wf-login-paper); text-decoration: underline; }
body.login #nav a:hover,
body.login #backtoblog a:hover,
body.login .privacy-policy-link:hover { color: var(--wf-login-yellow); }
body.login a:focus-visible,
body.login .button:focus-visible {
 outline: 3px solid var(--wf-login-yellow);
 outline-offset: 3px;
 box-shadow: none;
}
body.login form a:focus-visible,
body.login form .button:focus-visible { outline-color: var(--wf-login-green); }
body.login .message,
body.login .success { border-left-color: var(--wf-login-green); }
body.login #login_error { border-left-color: #b32d2e; }
body.login .message,
body.login .success,
body.login #login_error { background: #fff; color: var(--wf-login-carbon); border-radius: 4px; }
body.login #login :is(.message, .success, #login_error) a { color: var(--wf-login-green); }
body.login .language-switcher { color: var(--wf-login-paper); padding-inline: 16px; }
body.login .language-switcher select { max-width: 100%; }
body.login .language-switcher form { background: transparent; border: 0; box-shadow: none; padding: 0; }
body.login .forgetmenot { margin-bottom: 12px; }
body.login .clear { clear: both; }