/**
 * Louis One-Page — wp-login.php / register / lost password (donker, accent uit thema).
 */

body.login {
  background: #0c0c0c !important;
  font-family: Inter, system-ui, sans-serif;
  color: #e5e5e5;
}

body.login #loginform,
body.login #registerform,
body.login #lostpasswordform {
  background: #141414;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 0.75rem;
  box-shadow: none;
  padding: 1.5rem;
}

body.login #loginform label,
body.login #registerform label,
body.login #lostpasswordform label {
  color: #a3a3a3;
  font-size: 0.875rem;
}

body.login #loginform input[type="text"],
body.login #loginform input[type="password"],
body.login #registerform input[type="text"],
body.login #registerform input[type="email"],
body.login #lostpasswordform input[type="text"] {
  background: #0c0c0c;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 0.5rem;
  color: #fafafa;
  padding: 0.6rem 0.75rem;
}

body.login #loginform input:focus,
body.login #registerform input:focus,
body.login #lostpasswordform input:focus {
  border-color: var(--louis-login-accent, #e5a00d);
  box-shadow: 0 0 0 1px var(--louis-login-accent, #e5a00d);
  outline: none;
}

body.login .button-primary,
body.login #loginform .button-primary {
  background: var(--louis-login-accent, #e5a00d) !important;
  border: none !important;
  border-radius: 0.5rem !important;
  color: var(--louis-login-btn-text, #000) !important;
  text-shadow: none !important;
  box-shadow: none !important;
  padding: 0.5rem 1.25rem !important;
  font-weight: 600 !important;
}

body.login .button-primary:hover,
body.login .button-primary:focus {
  filter: brightness(1.08);
}

body.login #nav a,
body.login #backtoblog a {
  color: var(--louis-login-accent, #e5a00d) !important;
}

body.login .message,
body.login #login_error {
  background: #141414;
  border-left: 4px solid var(--louis-login-accent, #e5a00d);
  color: #e5e5e5;
  box-shadow: none;
}

body.login .privacy-policy-page-link {
  color: #a3a3a3;
  font-size: 0.8rem;
}