/* ==========================================================================
   LYS — Auth screens (wp-login.php: sign in, register, lost/reset password)
   The login page loads no theme stylesheet, so tokens are restated here.
   ========================================================================== */

:root {
  --c-ink: #171717;
  --c-graphite: #4A4A4A;
  --c-stone: #6B6B6B;
  --c-mist: #E4E4E4;
  --c-ivory: #FFFFFF;       /* page background — white, matching the site */
  --c-field: #F4F4F4;       /* input fill — faint warmth so fields read on the white card */
  --c-white: #FFFFFF;
  --c-bronze: #000000;
  --c-bronze-dk: #171717;
  --c-alert: #A33A2A;
  --c-success: #2F6B4F;
}

body.login {
  background: var(--c-ivory);
  font-family: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;
  color: var(--c-ink);
}

#login {
  width: 400px;
  padding-top: 8vh;
}

/* --- Wordmark ----------------------------------------------------------- */
.login h1 a {
  background: none;
  width: auto;
  height: auto;
  text-indent: 0;
  font-family: "Fraunces", Georgia, serif;
  font-size: 30px;
  font-weight: 500;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--c-ink);
  line-height: 1.2;
}
.login h1 a:focus { box-shadow: none; color: var(--c-bronze); }

/* --- Intro copy + notices ------------------------------------------------ */
.login .message,
.login .notice,
.login .success,
.login #login_error {
  background: var(--c-white);
  border: 1px solid var(--c-mist);
  border-left: 3px solid var(--c-bronze);
  border-radius: 2px;
  box-shadow: none;
  color: var(--c-graphite);
  font-size: 14px;
}
.login #login_error { border-left-color: var(--c-alert); }
.login .success { border-left-color: var(--c-success); }
.login .message a,
.login #login_error a { color: var(--c-bronze); }

.lys-login-intro {
  margin: 0;
  color: var(--c-graphite);
  font-size: 14px;
  line-height: 1.6;
}

/* --- The form card -------------------------------------------------------- */
.login form {
  background: var(--c-white);
  border: 1px solid var(--c-mist);
  border-radius: 2px;
  box-shadow: none;
  padding: 32px;
  margin-top: 24px;
}

.login label {
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: var(--c-graphite);
  font-weight: 500;
}

.login input[type="text"],
.login input[type="password"],
.login input[type="email"] {
  border: 1px solid var(--c-mist);
  border-radius: 2px;
  background: var(--c-field);
  font-size: 15px;
  padding: 10px 12px;
  box-shadow: none;
  color: var(--c-ink);
  margin-top: 6px;
}
.login input[type="text"]:focus,
.login input[type="password"]:focus,
.login input[type="email"]:focus {
  border-color: var(--c-bronze);
  box-shadow: 0 0 0 1px var(--c-bronze);
  outline: none;
}

.login input[type="checkbox"] { accent-color: var(--c-bronze); }
.login input[type="checkbox"]:focus { box-shadow: 0 0 0 1px var(--c-bronze); }
.login .forgetmenot label { text-transform: none; letter-spacing: 0; font-size: 13px; color: var(--c-stone); }

/* Password reveal button */
.login .button.wp-hide-pw { color: var(--c-stone); }
.login .button.wp-hide-pw:hover,
.login .button.wp-hide-pw:focus { color: var(--c-bronze); box-shadow: none; }

/* --- Primary button -------------------------------------------------------- */
.wp-core-ui .button-primary {
  background: var(--c-ink);
  border: 1px solid var(--c-ink);
  border-radius: 2px;
  color: var(--c-ivory);
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-size: 12px;
  font-weight: 500;
  padding: 6px 20px;
  text-shadow: none;
  box-shadow: none;
  transition: background 200ms ease, border-color 200ms ease;
}
.wp-core-ui .button-primary:hover,
.wp-core-ui .button-primary:focus {
  background: var(--c-bronze-dk);
  border-color: var(--c-bronze-dk);
  color: var(--c-white);
  box-shadow: none;
}

/* --- Under-form links ------------------------------------------------------ */
.login #nav,
.login #backtoblog {
  font-size: 13px;
  text-align: center;
}
.login #nav a,
.login #backtoblog a { color: var(--c-stone); }
.login #nav a:hover,
.login #backtoblog a:hover { color: var(--c-bronze); }

/* Privacy link + footer noise */
.login .privacy-policy-page-link a { color: var(--c-stone); font-size: 12px; }

/* Registration "confirm email" note */
#reg_passmail { color: var(--c-stone); font-size: 13px; }