/* ============================================================
   WP LOGIN / LOST-PASSWORD SCREEN — logo + brand colors only, per
   explicit instruction ("nothing special, just change the logo to my
   page logo and the colors"). wp-login.php is a standalone script
   outside the theme's own header/footer — main.css's CSS custom
   properties never load here — so these are the same hex values
   straight from html/CLAUDE.md's design system table, not var(--red)
   etc. The logo image itself is set dynamically (Customizer's custom
   logo, falling back to the theme's own logo.svg) via a small inline
   style Untrr_Login_Screen appends after this file — see that class.
   ============================================================ */

body.login {
  background-color: #f9f8f6;
}

body.login #login h1 a {
  width: 100%;
  height: 80px;
  background-size: contain;
  background-position: center;
}

body.login .message,
body.login #login form {
  border-radius: 8px;
}

body.login .button-primary {
  background: #ed1f23;
  border-color: #ed1f23;
  box-shadow: none;
  text-shadow: none;
}

body.login .button-primary:hover,
body.login .button-primary:focus {
  background: #c8181c;
  border-color: #c8181c;
}

body.login input[type="text"]:focus,
body.login input[type="password"]:focus,
body.login input[type="email"]:focus {
  border-color: #ed1f23;
  box-shadow: 0 0 0 1px #ed1f23;
}

body.login #nav a,
body.login #backtoblog a {
  color: #001520;
}

body.login #nav a:hover,
body.login #backtoblog a:hover {
  color: #ed1f23;
}