/* Life in Breath & Steps — wp-login.php branding */
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@500;600&family=Jost:wght@400;600;700&family=Spectral:wght@400;500&display=swap');

body.login {
	background: #f7f6f3;
	font-family: 'Jost', system-ui, sans-serif;
	color: #1c1c1a;
}

/* Wordmark instead of the WordPress logo */
#login h1 a {
	background: none !important;
	width: auto;
	height: auto;
	text-indent: 0;
	font-family: 'Cormorant Garamond', Georgia, serif;
	font-weight: 500;
	font-size: 30px;
	line-height: 1.2;
	color: #1c1c1a;
	margin-bottom: 6px;
}

#login { width: 340px; padding: 6% 0 0; }

/* Card */
.login form {
	background: #ffffff;
	border: 1px solid rgba(28,28,26,.12);
	border-radius: 14px;
	box-shadow: 0 6px 24px rgba(28,28,26,.06);
	padding: 26px 24px;
}

.login label {
	font-family: 'Jost', system-ui, sans-serif;
	font-size: 13px;
	color: #33322e;
}

.login form .input,
.login input[type="text"],
.login input[type="password"],
.login input[type="email"] {
	font-family: 'Spectral', serif;
	font-size: 15px;
	border: 1px solid rgba(28,28,26,.24);
	border-radius: 8px;
	padding: 8px 10px;
	background: #fff;
	color: #1c1c1a;
}

.login form .input:focus,
.login input:focus {
	border-color: #2e5a50;
	box-shadow: 0 0 0 1px #2e5a50;
	outline: none;
}

/* Primary button */
.wp-core-ui .button-primary {
	background: #2e5a50;
	border-color: #2e5a50;
	border-radius: 24px;
	font-family: 'Jost', system-ui, sans-serif;
	font-weight: 600;
	font-size: 13.5px;
	height: 40px;
	padding: 0 22px;
	text-shadow: none;
	box-shadow: none;
}
.wp-core-ui .button-primary:hover,
.wp-core-ui .button-primary:focus {
	background: #22463d;
	border-color: #22463d;
}

/* Links */
.login #nav a,
.login #backtoblog a,
.login .privacy-policy-link {
	color: #57574f;
	font-family: 'Jost', system-ui, sans-serif;
	font-size: 13px;
}
.login #nav a:hover,
.login #backtoblog a:hover {
	color: #2e5a50;
}

/* Messages / notices */
.login .message,
.login .notice,
.login #login_error {
	border-radius: 8px;
	font-family: 'Spectral', serif;
	border-left-color: #2e5a50;
}
.login .libs-login-note {
	border-left-color: #2e5a50;
	background: #f5ede1;
}