:root {
  --primary: #5091cd;
  --primary-light: #a6c8d9;
  --primary-lighter: #edf4fa;
  --secondary: #284866;
  --accent: #73c167;
  --neutral: #666666;
  --neutral-dark: #0a0a0a;
}

body {
  background: var(--primary-lighter);
  color: var(--neutral);
}

#loginform {
  border-radius: 0;
  border: none;
  box-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
}

#loginform input:focus {
  outline-color: var(--primary);
}

#loginform input[type="submit"] {
  background: var(--primary);
  border-color: var(--primary);
  color: white;
  border-radius: 0;
}

#loginform input[type="submit"]:hover {
  background: var(--neutral);
  border-color: var(--neutral);
}

#loginform input[type="submit"]:active {
  outline: none;
}

/* password eye */
.dashicons.dashicons-visibility {
  color: var(--neutral);
}
.dashicons.dashicons-visibility:hover {
  color: var(--primary);
}

#backtoblog a:hover, #nav a:hover {
  color: var(--secondary);
}

a.privacy-policy-link {
  color: var(--secondary);
}

a.privacy-policy-link:hover {
  color: var(--secondary--primary);
}