:root {
	--color-dark: #121212;
	--color-light: #f4eee6;
}

a,
a:hover {
	color: var( --color-dark );
}

input[type="text"]:focus,
input[type="password"]:focus,
input[type="checkbox"]:focus,
.login .button.wp-hide-pw:focus {
	border-color: var( --color-dark );
	box-shadow: 0 0 0 1px var( --color-dark );
}

input[type="checkbox"]:checked {
	background: var( --color-dark );
	color: var( --color-light );
	border-color: var( --color-dark );
}
input[type="checkbox"]:checked::before {
	content: url( "data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2020%27%3E%3Cpath%20d%3D%27M14.83%204.89l1.34.94-5.81%208.38H9.02L5.78%209.67l1.34-1.25%202.57%202.4z%27%20fill%3D%27%23fff%27%2F%3E%3C%2Fsvg%3E" );
}

.wp-core-ui .button-primary:focus {
	border-color: var( --color-dark );
	box-shadow: 0 0 0 1px var( --color-dark );
	background-color: var( --color-dark );
}

.dashicons::before {
	color: var( --color-dark );
}

.login h1 a {
	background-image: url( '../../assets/img/branding/favicon.png' )
}
.login #nav a:hover,
.login #backtoblog a:hover {
	color: var( --color-dark );
}
.login #nav a:focus,
.login #backtoblog a:focus {
	color: var( --color-dark );
	box-shadow: 0 0 0 1px var( --color-dark );
}

.wp-core-ui .button-primary {
	color: var( --color-light );
	background-color: var( --color-dark );
	font-weight: 700;
	text-decoration: underline;
	border: none;
}
.wp-core-ui .button-primary:hover {
	background-color: color-mix(in srgb, var( --color-dark ) 95%, white 5%);
	border: none;
}

.wp-core-ui select:focus {
	border-color: var( --color-dark ) !important;
	box-shadow: 0 0 0 1px var( --color-dark );
}
.wp-core-ui .button:not( .button-primary ),
.wp-core-ui .button:not( .button-primary ):hover {
	color: var( --color-dark );
	border-color: var( --color-dark );
}
.wp-core-ui .button:not( .button-primary ):hover,
.wp-core-ui .button:not( .button-primary ):active {
	background: rgba( 18, 18, 18, 0.04 );
}
.wp-core-ui .button:not( .button-primary ):active,
.wp-core-ui .button:not( .button-primary ):focus {
	outline-color: var( --color-dark );
}
.wp-core-ui .button:not( .button-primary ):focus {
	box-shadow: 0 0 0 1px var( --color-dark );
}