:root {
  --bg: #121212;
  --panel: #1e1e1e;
  --text: #e0e0e0;
  --accent: #00bcd4;
  --muted: #9e9e9e;
}
body.login {
  background: var(--bg) !important;
}
#login {
  width: 380px;
  padding: 24px;
  background: var(--panel);
  border-radius: 14px;
  box-shadow: 0 10px 40px rgba(0,0,0,0.6);
}
#loginform {
  background: transparent;
  border: none;
  box-shadow: none;
}
#login h1 a {
  filter: drop-shadow(0 2px 4px rgba(0,0,0,0.6));
}
.login label, .login form .input, .login #backtoblog a, .login #nav a {
  color: var(--text) !important;
}
.login form .input, .login input[type="text"], .login input[type="password"] {
  background: #2a2a2a;
  border: 1px solid #333;
  color: var(--text);
}
.wp-core-ui .button-primary {
  background: var(--accent);
  border-color: var(--accent);
  box-shadow: none;
  text-shadow: none;
}
.wp-core-ui .button-primary:hover {
  opacity: 0.9;
}
.login #nav a, .login #backtoblog a {
  color: var(--muted) !important;
}