/*
 * AW login page branding — Actually Works house palette.
 *
 * Cream page (#FAF6EC). The client site name is the heading in charcoal serif
 * (#1C1A17); a small ochre "by Actually Works" line sits beneath it as a
 * subordinate mark. White form card, ochre primary button. The serif stack
 * stands in for Source Serif 4 until the brand webfont is bundled.
 */

body.login {
	background: #FAF6EC;
}

body.login h1 {
	text-align: center;
}

body.login #login h1 a {
	background-image: none;
	width: auto;
	height: auto;
	font-size: 1.85rem;
	font-weight: 600;
	font-family: "Source Serif 4", Georgia, "Times New Roman", serif;
	letter-spacing: -0.01em;
	color: #1C1A17;
	text-indent: 0;
	text-shadow: none;
	padding: 0;
	margin: 0 auto 1.25rem;
	display: inline-block;
	text-align: center;
	line-height: 1.15;
}

/* Subordinate studio mark beneath the client name. Decorative: the link's own
	text is the client site name, which is the accessible heading. */
body.login #login h1 a::after {
	content: "by Actually Works";
	display: block;
	margin-top: 6px;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
	font-size: 0.7rem;
	font-weight: 600;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: #9E4514;
}

body.login #loginform,
body.login #lostpasswordform,
body.login #registerform {
	background: #ffffff;
	border-radius: 6px;
	border: 1px solid #E7DCC1;
	box-shadow: 0 6px 24px rgba(28, 26, 23, 0.08);
}

body.login .button-primary {
	background: #9E4514;
	border-color: #843A11;
	color: #FAF6EC;
}

body.login .button-primary:hover,
body.login .button-primary:focus {
	background: #843A11;
	border-color: #6B2F0E;
}

body.login #nav a,
body.login #backtoblog a {
	color: #756C5C;
}

body.login #nav a:hover,
body.login #backtoblog a:hover {
	color: #9E4514;
}