/**
 * wp-login.php, wearing the site's identity — in whichever mode the visitor
 * arrived in.
 *
 * Signing in is the moment someone is most likely to wonder whether they are
 * in the right place, and a stock WordPress login on a branded site invites
 * exactly that doubt. The brand tokens are inlined alongside this file (see
 * bmt_login_styles), and inc/brand.php also prints the colour-mode bootstrap
 * on login_head, so this screen follows the same light/dark choice as the rest
 * of the site rather than resetting it.
 */

body.login {
	background:
		radial-gradient(900px 480px at 15% -10%, var(--bmt-glow-soft), transparent 62%),
		radial-gradient(700px 420px at 92% 6%, rgba(var(--bmt-accent-rgb), .10), transparent 60%),
		var(--bmt-canvas);
	font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
	color: var(--bmt-text);
}

.login h1 a {
	background-image: url("../img/logo-light.png") !important;
	background-size: contain !important;
	background-position: center !important;
	background-repeat: no-repeat !important;
	width: 300px !important;
	max-width: 100%;
	height: 64px !important;
	margin: 0 auto 22px !important;
	text-indent: -9999px;
	overflow: hidden;
}
:root[data-theme="dark"] .login h1 a { background-image: url("../img/logo-dark.png") !important; }
@media (prefers-color-scheme: dark) {
	:root:not([data-theme]) .login h1 a { background-image: url("../img/logo-dark.png") !important; }
}

.login form {
	background: var(--bmt-surface);
	border: 1px solid var(--bmt-border);
	border-radius: 16px;
	box-shadow: 0 30px 70px -40px var(--bmt-scrim);
	padding: 28px 24px;
}

.login label { font-size: 13.5px; font-weight: 600; color: var(--bmt-text); }

.login input[type="text"],
.login input[type="password"],
.login input[type="email"] {
	background: var(--bmt-bg);
	color: var(--bmt-text);
	border: 1px solid var(--bmt-border);
	border-radius: 10px;
	padding: 11px 13px;
	font-size: 15px;
}
.login input[type="text"]:focus,
.login input[type="password"]:focus,
.login input[type="email"]:focus {
	border-color: var(--bmt-primary);
	box-shadow: 0 0 0 3px var(--bmt-glow-soft);
	outline: none;
}

.login .button.wp-hide-pw { color: var(--bmt-muted); }

.wp-core-ui .button-primary {
	background: var(--bmt-primary);
	border-color: var(--bmt-primary);
	color: var(--bmt-on-primary);
	border-radius: 999px;
	padding: 4px 24px;
	height: auto;
	min-height: 42px;
	font-weight: 600;
	text-shadow: none;
	box-shadow: 0 8px 24px -10px var(--bmt-glow);
}
.wp-core-ui .button-primary:hover,
.wp-core-ui .button-primary:focus {
	background: var(--bmt-primary-dim);
	border-color: var(--bmt-primary-dim);
	color: var(--bmt-on-primary);
	box-shadow: 0 0 26px -4px var(--bmt-glow);
}

.login #nav, .login #backtoblog { padding: 0 24px; }
.login #nav a, .login #backtoblog a { color: var(--bmt-muted); }
.login #nav a:hover, .login #backtoblog a:hover { color: var(--bmt-primary); }

.login .message, .login .success, .login #login_error {
	background: var(--bmt-surface);
	border: 1px solid var(--bmt-border);
	border-left: 3px solid var(--bmt-primary);
	color: var(--bmt-text);
	border-radius: 0 10px 10px 0;
}

.login .privacy-policy-page-link a { color: var(--bmt-muted); }