/* WordPress login, registration and password pages in the Porcino look. */
@font-face { font-family: "Literata"; src: url("fonts/literata-latin-700-normal.woff2") format("woff2"); font-weight: 700; font-display: swap; }
@font-face { font-family: "Figtree"; src: url("fonts/figtree-latin-400-normal.woff2") format("woff2"); font-weight: 400; font-display: swap; }
@font-face { font-family: "Figtree"; src: url("fonts/figtree-latin-600-normal.woff2") format("woff2"); font-weight: 600; font-display: swap; }
:root { --paper: #f1f2ec; --surface: #ffffff; --ink: #17241b; --muted: #5b675e; --line: #d5d9cf; --forest: #1f4a32; --cap: #7a3a17; }
@media (prefers-color-scheme: dark) {
  :root { --paper: #0f1712; --surface: #16211a; --ink: #e6ebe3; --muted: #9aa79d; --line: #2b372f; --forest: #7cc09a; --cap: #d9905f; color-scheme: dark; }
}
body.login { background: var(--paper); color: var(--ink); font-family: "Figtree", system-ui, -apple-system, "Segoe UI", sans-serif; font-size: 16px; }
.login #login { width: min(400px, calc(100% - 32px)); padding: 6vh 0 40px; }
.login h1 a {
  background: url("icons/favicon.svg") no-repeat left center / 44px 44px; width: auto; height: 48px; margin: 0 0 22px;
  text-indent: 0; padding-left: 56px; display: flex; align-items: center; justify-content: flex-start;
  font: 700 30px/1 "Literata", Georgia, serif; color: var(--ink); text-decoration: none; letter-spacing: -.01em; overflow: visible;
}
.login h1 a:focus { box-shadow: none; outline: 2px solid #1f6fd1; outline-offset: 4px; }
.login form { background: var(--surface); border: 1px solid var(--line); border-radius: 18px; box-shadow: none; padding: 26px 24px 28px; margin-top: 14px; }
.login label { color: var(--muted); font-size: 14px; }
.login form .input, .login input[type="text"], .login input[type="email"], .login input[type="password"] {
  background: var(--paper); color: var(--ink); border: 1px solid var(--line); border-radius: 10px; font-size: 17px; padding: 8px 12px; min-height: 46px; box-shadow: none;
}
.login form .input:focus, .login input:focus { border-color: var(--forest); box-shadow: 0 0 0 2px color-mix(in srgb, var(--forest) 30%, transparent); }
.login .button.wp-hide-pw { color: var(--muted); }
.login .button-primary, .wp-core-ui .button-primary {
  background: var(--cap); border-color: var(--cap); color: #fff; border-radius: 999px; font-weight: 600; font-size: 16px;
  min-height: 46px; padding: 0 22px; text-shadow: none; box-shadow: none; float: none; width: 100%; margin-top: 12px;
}
.login .button-primary:hover, .login .button-primary:focus { background: var(--cap); border-color: var(--cap); filter: brightness(1.08); }
.login .forgetmenot { margin-top: 6px; }
.login .message, .login .notice, .login .success, .login #login_error {
  background: var(--surface); color: var(--ink); border: 1px solid var(--line); border-left: 4px solid var(--forest); border-radius: 12px; box-shadow: none; padding: 12px 14px; font-size: 15px; line-height: 1.5;
}
.login #login_error { border-left-color: #b3261e; }
.login #nav, .login #backtoblog { text-align: center; padding: 0; margin-top: 16px; font-size: 15px; }
.login #nav a, .login #backtoblog a, .login .privacy-policy-page-link a { color: var(--forest); text-decoration: underline; text-underline-offset: 2px; }
.login #nav a:hover, .login #backtoblog a:hover { color: var(--cap); }
.login .privacy-policy-page-link { margin-top: 20px; }
#reg_passmail { color: var(--muted); font-size: 14px; }
.language-switcher { display: none; }