/* The WordPress login page in the gym look (docs/DESIGN-CONCEPT.md): matte black, brass gold, serif title.
   Owner 2026-10-10: the first page of the site is the login page - it is the first thing he and Audrey see, so it gets
   the same care as the app. Only WordPress's own login markup is styled; nothing is replaced. */
:root { color-scheme: dark; }
body.login {
  background: radial-gradient(120% 60% at 50% -10%, rgba(201, 164, 92, .12), transparent 60%), #121110;
  color: #ece6dc; font-family: "Inter", "Segoe UI", system-ui, sans-serif;
}
.login h1 a {
  background: none !important; width: auto !important; height: auto !important; text-indent: 0 !important;
  font: 500 34px/1.1 "Cormorant Garamond", "Palatino Linotype", Palatino, Georgia, serif !important;
  color: #e3c68f !important; letter-spacing: .04em; overflow: visible !important; margin-bottom: 4px !important;
}
.login h1 a:focus { box-shadow: none; }
.lf-motto {
  text-align: center; font: 600 10px/1.8 "Inter", sans-serif; letter-spacing: .32em; text-transform: uppercase;
  color: #9a9187; margin: 0 0 18px;
}
.login form {
  background: #1d1b19; border: 1px solid rgba(201, 164, 92, .32); border-radius: 4px; box-shadow: none;
  background-image: linear-gradient(180deg, rgba(242, 194, 122, .10), transparent 38%);
}
.login label { color: #9a9187; font-size: 11px; letter-spacing: .18em; text-transform: uppercase; font-weight: 600; }
.login input[type=text], .login input[type=password], .login input[type=email] {
  background: #121110; border: 1px solid rgba(201, 164, 92, .32); color: #ece6dc; border-radius: 4px;
  font-size: 18px; min-height: 48px;
}
.login input[type=text]:focus, .login input[type=password]:focus { border-color: #c9a45c; box-shadow: 0 0 0 1px #c9a45c; }
.login .button-primary {
  background: #c9a45c !important; border-color: #c9a45c !important; color: #17140f !important; border-radius: 4px;
  min-height: 48px; padding: 0 22px !important; font-weight: 600; letter-spacing: .16em; text-transform: uppercase;
  text-shadow: none; box-shadow: none;
}
.login .button.wp-hide-pw .dashicons { color: #c9a45c; }
.login #nav a, .login #backtoblog a, .login .privacy-policy-page-link a { color: #9a9187 !important; }
.login #nav a:hover, .login #backtoblog a:hover { color: #e3c68f !important; }
.login .message, .login .notice, .login #login_error {
  background: #1d1b19; color: #ece6dc; border-left-color: #c9a45c; box-shadow: none;
}
.login #login_error { border-left-color: #a5523f; }
.login .language-switcher { display: none; }

/* 0.2.0: the login always remembers (class-lf-pwa.php remember_always) - the box is hidden, the line says so. */
.login .forgetmenot { display: none; }
.lf-stay { color: #9a9187; font-size: 12px; margin: 0 0 12px; }
