:root {
  --primary: rgb(219,162,42);
  --secondary: rgb(67,75,83);
  --light: rgb(239,240,247);
  --dark: rgb(15,34,49);
  --grey: rgb(67,75,83);
  --font-family: 'Montserrat', 'Helvetica Neue', Helvetica, sans-serif;
  --content-width: 800px;
}

body.login {
	background-color: var(--dark);
}
.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 {
	color: #fff;
}