:root {
  --primary: rgb(219, 166, 40);
  --secondary: rgb(14, 32, 46);
  --lighter: rgb(243, 245, 244);
  --light: rgb(233, 235, 234);
  --grey: rgb(114, 132, 146);
  --dark: rgb(7, 16, 23);
  --darker: rgb(0, 6, 13);
}
#login {
	padding-top: 3em;
}
body.login {
	background-color: var(--light);
}
.login #login_error,
.login .message {
    border-left: 4px solid var(--primary);
    background-color: #fff;
}
input[type=text],
input[type=password] {
	outline: none;
	border: 1px solid #ddd;
	transition: all 0.3s ease;
}
input[type=text]:focus,
input[type=password]:focus {
	box-shadow: 0 0 5px rgba(0,0,0,0.75);
	border: 1px solid #ccc;
}
body.login div#login form#loginform p.submit input#wp-submit {
	text-shadow: none;
	border: none;
	background-color: var(--primary);
	box-shadow: 0 1px 2px rgba(0,0,0,0.15);
}
body.login div#login p#nav a,
body.login div#login p#backtoblog a,
.privacy-policy-page-link a {
	color: var(--grey);
}