/**
 * Login screen branding.
 *
 * Colours come from an inlined :root block written by the plugin
 * (--ghl-accent, --ghl-bg), so admins never edit this file.
 */

body.login {
	background: var( --ghl-bg, #f0f0f1 );
}

body.login h1 a {
	max-width: 320px;
	height: 84px;
}

.login form {
	border-radius: 8px;
	box-shadow: 0 1px 3px rgba( 0, 0, 0, 0.08 );
}

.login .button-primary,
.wp-core-ui .button-primary {
	background: var( --ghl-accent, #2271b1 );
	border-color: var( --ghl-accent, #2271b1 );
	box-shadow: none;
	text-shadow: none;
}

.login .button-primary:hover,
.wp-core-ui .button-primary:hover {
	filter: brightness( 0.92 );
}

.login #nav a:hover,
.login #backtoblog a:hover,
.login input[type="text"]:focus,
.login input[type="password"]:focus,
.login input[type="email"]:focus {
	border-color: var( --ghl-accent, #2271b1 );
	box-shadow: 0 0 0 1px var( --ghl-accent, #2271b1 );
	color: var( --ghl-accent, #2271b1 );
}