/**
 * Page wp-login.php — alignée sur la palette Hotel de Ville (theme.json).
 */

:root {
	--hdv-base: #ffffff;
	--hdv-contrast: #0f172a;
	--hdv-primary: #002f6c;
	--hdv-accent: #c8102e;
	--hdv-border: #e0e0e0;
	--hdv-muted: #666666;
}

body.login {
	background: var(--hdv-base);
	font-family: "Inter", system-ui, sans-serif;
	color: var(--hdv-contrast);
}

body.login #login h1 a {
	background-image: none;
	width: auto;
	height: auto;
	text-indent: 0;
	font-size: 1.35rem;
	font-weight: 700;
	font-family: "Source Serif 4", Georgia, serif;
	color: var(--hdv-primary);
	line-height: 1.3;
	margin-bottom: 1.25rem;
	text-decoration: none;
}

body.login #login h1 a:focus {
	outline: 2px solid var(--hdv-primary);
	outline-offset: 4px;
	border-radius: 4px;
}

body.login #loginform,
body.login #lostpasswordform,
body.login #registerform {
	border: 1px solid var(--hdv-border);
	border-radius: 12px;
	box-shadow: 0 12px 40px rgba(15, 23, 42, 0.06);
	background: #fff;
}

body.login form .input,
body.login form input[type="checkbox"],
body.login input[type="text"] {
	border-radius: 8px;
	border-color: var(--hdv-border);
}

body.login form .input:focus,
body.login input[type="text"]:focus {
	border-color: var(--hdv-primary);
	box-shadow: 0 0 0 1px var(--hdv-primary);
	outline: none;
}

body.login .button.wp-hide-pw:focus {
	border-color: var(--hdv-primary);
	box-shadow: 0 0 0 1px var(--hdv-primary);
}

body.login #wp-submit,
body.login .button.button-primary {
	background: var(--hdv-primary);
	border-color: var(--hdv-primary);
	border-radius: 8px;
	text-shadow: none;
	box-shadow: none;
}

body.login #wp-submit:hover,
body.login .button.button-primary:hover {
	background: var(--hdv-contrast);
	border-color: var(--hdv-contrast);
}

body.login #wp-submit:focus,
body.login .button.button-primary:focus {
	outline: 2px solid var(--hdv-accent);
	outline-offset: 2px;
}

body.login #nav a,
body.login #backtoblog a {
	color: var(--hdv-primary);
}

body.login #nav a:hover,
body.login #backtoblog a:hover {
	color: var(--hdv-accent);
}

body.login #nav a:focus,
body.login #backtoblog a:focus {
	outline: 2px solid var(--hdv-primary);
	outline-offset: 2px;
}

body.login .message,
body.login #login_error {
	border-radius: 8px;
}