:root {
	--login-logo: url(../img/logo.png);
	--login-logo-width: 280px;
	--login-logo-height: 45px;
	--login-brand: #0093d0;
	--login-accent: #032d3f;
	--login-text-color: var( --login-accent );
}

#login > h1 > a {
	background: var( --login-logo ) center no-repeat;
	background-size: contain;
	width: var( --login-logo-width );
	height: var( --login-logo-height );
}

a:focus {
	box-shadow: 0 0 0 1px var( --login-accent );
}

.login #backtoblog a:hover,
.login #nav a:hover,
.privacy-policy-link:hover {
	color: var( --login-accent );
	text-decoration: underline;
}

.wp-core-ui .button-primary {
	background: var( --login-brand );
	border-color: var( --login-brand );
	box-shadow: 0 1px 0 var( --login-brand );
}
.wp-core-ui .button-primary:hover,
.wp-core-ui .button-primary:focus,
.wp-core-ui .button-primary:active {
	background-color: var( --login-brand );
	background-image: linear-gradient( to top, rgba(0,0,0,.3), rgba(0,0,0,0) );
	border-color: var( --login-brand );
}
.wp-core-ui .button-primary:active {
	background-image: linear-gradient( to bottom, rgba(0,0,0,.3), rgba(0,0,0,0) );
}

.wp-core-ui .button-primary.focus,
.wp-core-ui .button-primary:focus {
	box-shadow: 0 0 0 1px #fff,0 0 0 3px var(--login-accent);
}

.wp-core-ui .button-secondary {
	color: var( --login-brand );
}

input[type="checkbox"]:checked::before {
	color: var( --login-accent );
}

input[type="checkbox"]:focus,
input[type="color"]:focus,
input[type="date"]:focus,
input[type="datetime-local"]:focus,
input[type="datetime"]:focus,
input[type="email"]:focus,
input[type="month"]:focus,
input[type="number"]:focus,
input[type="password"]:focus,
input[type="radio"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="text"]:focus,
input[type="time"]:focus,
input[type="url"]:focus,
input[type="week"]:focus,
select:focus,
textarea:focus,
.login .button.wp-hide-pw:focus {
	border-color: var( --login-accent );
	box-shadow: 0 0 0 1px var(--login-accent);
}

.login .message {
	border-left-color: var( --login-brand );
}