/* Aura Site Kit: branded login page (logo and colours from Site Kit). */
body.login {
	background: var(--bg-light);
	font-family: var(--font-body);
}

.login h1 a {
	background-size: contain;
	background-position: center;
	width: 100%;
	max-width: 240px;
	height: 96px;
}

.login form {
	border: var(--border);
	border-radius: var(--radius-l);
	box-shadow: var(--shadow-m);
}

.login input[type="text"],
.login input[type="password"] {
	border-radius: var(--radius);
}

.login input:focus {
	border-color: var(--primary);
	box-shadow: 0 0 0 1px var(--primary);
}

.wp-core-ui .button-primary {
	background: var(--primary);
	border-color: var(--primary);
	color: var(--on-primary);
	border-radius: var(--btn-radius);
}

.wp-core-ui .button-primary:hover,
.wp-core-ui .button-primary:focus {
	background: var(--primary-hover);
	border-color: var(--primary-hover);
	color: var(--on-primary);
}

.login #backtoblog a,
.login #nav a {
	color: var(--text-muted);
}