/**
 * wp-login.php, in TMC clothes.
 *
 * Hand-written (not part of the Tailwind build): the login screen loads no
 * theme CSS, so this file carries its own @font-face and the brand values
 * directly. Tokens mirror src/css/main.css — teal #1F7E87, teal-deep
 * #1D5458, ink #0C0845, paper #F5F3F0, wash #E6F2F3, error #A81C10.
 */

@font-face {
	font-family: 'Lexend';
	src: url('../fonts/lexend-latin.woff2') format('woff2');
	font-weight: 100 900;
	font-display: swap;
}

body.login {
	background: #F5F3F0;
	font-family: 'Lexend', system-ui, sans-serif;
	color: #0C0845;
}

/* Brand mark above the card, linking home. */
.login h1 a {
	background-image: url('../img/favicon.svg');
	background-size: 64px;
	width: 64px;
	height: 64px;
}

.login form {
	background: #fff;
	border: 0;
	border-radius: 18px;
	box-shadow: 0 6px 30px rgba(12, 8, 69, .08);
	padding: 32px 30px;
	margin-top: 26px;
}

.login label {
	font-size: 0.9375rem;
	font-weight: 500;
	color: #0C0845;
}

.login form .input,
.login input[type="text"],
.login input[type="password"] {
	font-family: inherit;
	font-size: 1rem;
	border: 1.5px solid rgba(12, 8, 69, .45);
	border-radius: 10px;
	padding: 10px 14px;
	background: #fff;
	color: #0C0845;
	margin-top: 6px;
}

.login form .input:focus,
.login input[type="text"]:focus,
.login input[type="password"]:focus {
	border-color: #1F7E87;
	outline: 3px solid #1D5458;
	outline-offset: 1px;
	box-shadow: none;
}

.login .button.wp-hide-pw { color: #1D5458; }
.login .button.wp-hide-pw:focus {
	outline: 3px solid #1D5458;
	box-shadow: none;
}

.login .forgetmenot label { font-weight: 400; }
.login input[type="checkbox"] {
	border: 1.5px solid rgba(12, 8, 69, .45);
	border-radius: 5px;
}
.login input[type="checkbox"]:focus {
	outline: 3px solid #1D5458;
	box-shadow: none;
	border-color: #1F7E87;
}
.login input[type="checkbox"]:checked { background: #1F7E87; border-color: #1F7E87; }
.login input[type="checkbox"]:checked::before {
	filter: brightness(0) invert(1);
}

.login .submit .button-primary {
	font-family: inherit;
	width: 100%;
	background: #1F7E87;
	border: 0;
	border-radius: 999px;
	padding: 10px 22px;
	font-size: 1rem;
	font-weight: 500;
	color: #fff;
	text-shadow: none;
	transition: background .18s;
	margin-top: 8px;
}
.login .submit .button-primary:hover { background: #1D5458; }
.login .submit .button-primary:focus {
	background: #1D5458;
	outline: 3px solid #1D5458;
	outline-offset: 2px;
	box-shadow: none;
}

/* Notices: teal for information, brand red for errors. */
.login .message,
.login .success {
	border-left-color: #1F7E87;
	border-radius: 0 10px 10px 0;
}
.login #login_error {
	border-left-color: #A81C10;
	border-radius: 0 10px 10px 0;
}
.login #login_error a { color: #A81C10; }

.login #nav,
.login #backtoblog {
	font-size: 0.9375rem;
}
.login #nav a,
.login #backtoblog a,
.login .privacy-policy-page-link a {
	color: #1D5458;
	text-decoration: underline;
	text-underline-offset: 3px;
}
.login #nav a:hover,
.login #backtoblog a:hover,
.login .privacy-policy-page-link a:hover { color: #0C0845; }