body {
  background-color: white;
}

.wp-core-ui .button, .wp-core-ui .button-secondary {
  color: var(--main_color);
  border-color: var(--main_color);
}

.wp-core-ui .button-secondary:hover, .wp-core-ui .button.hover, .wp-core-ui .button:hover {
  color: var(--main_color);
  border-color: var(--main_color);
}

.wp-core-ui .button-primary {
  background: var(--main_color);
  border-color: var(--main_color);
  color: #fff;
}

.login .message, .login .notice, .login .success {
  border-left-color: var(--main_color);
}

.wp-core-ui .button-primary.focus, .wp-core-ui .button-primary.hover, .wp-core-ui .button-primary:focus, .wp-core-ui .button-primary:hover {
  background: var(--main_color);
  border-color: var(--main_color);
  color: #fff;
}

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 {
  border-color: var(--main_color);
  box-shadow: 0 0 0 1px var(--main_color);
}

input[type=checkbox]:checked::before {
  filter: grayscale(1);
}

a:focus {
  color: var(--main_color);
  box-shadow: 0 0 0 2px var(--main_color);
}

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

.login #backtoblog a:hover, .login #nav a:hover, .login h1 a:hover {
  color: var(--main_color);
}

.login .button.wp-hide-pw:focus {
border-color: var(--main_color);
box-shadow: 0 0 0 1px var(--main_color);
}

form {
  border-radius: 5px;
}