@font-face { font-family: DundaInter; src: url('../fonts/inter.woff2') format('woff2'); font-weight: 300; font-display: swap; }
@font-face { font-family: DundaFraunces; src: url('../fonts/fran.woff2') format('woff2'); font-weight: 100 900; font-display: swap; }
body.login { background: #140f0b; color: #f0e5d4; font-family: DundaInter, sans-serif; }
body.login #login { width: min(400px, calc(100% - 40px)); padding: 5vh 0 24px; }
body.login #login h1 a { display: block; width: 180px; height: 180px; max-width: 100%; background: url('../images/dunda-logo.svg') center / contain no-repeat; text-indent: -9999px; overflow: hidden; margin: 0 auto 24px; }
.dunda-login-intro { text-align: center; margin: 0 0 24px; }
.dunda-login-intro h2 { font: 500 30px/1.2 DundaFraunces, Georgia, serif; margin: 0 0 12px; color: #f0e5d4; }
.dunda-login-intro p { color: #c4b49e; font-size: 15px; line-height: 1.6; }
body.login form { background: #231a14; border: 1px solid #594532; border-radius: 6px; padding: 26px; box-shadow: none; }
body.login label { color: #f0e5d4; font-size: 14px; }
body.login input[type=text], body.login input[type=password], body.login input[type=email] { background: #140f0b; border: 1px solid #796047; color: #f0e5d4; font-size: 18px; min-height: 48px; border-radius: 4px; }
body.login input:focus { border-color: #d4ae7b; box-shadow: 0 0 0 1px #d4ae7b; }
body.login .button-primary { background: #d4ae7b; border-color: #d4ae7b; color: #140f0b; min-height: 44px; font-weight: 600; text-shadow: none; box-shadow: none; }
body.login .button-primary:hover, body.login .button-primary:focus { background: #e4c39a; border-color: #e4c39a; color: #140f0b; }
body.login .button.wp-hide-pw { color: #d4ae7b; min-height: 44px; }
body.login #nav a, body.login #backtoblog a, body.login .privacy-policy-page-link a { color: #d4ae7b; }
body.login a:focus-visible, body.login button:focus-visible, body.login input[type=submit]:focus-visible { outline: 2px solid #d4ae7b; outline-offset: 3px; }
body.login .message, body.login .notice, body.login #login_error { background: #302318; color: #f0e5d4; border-left-color: #d4ae7b; }
body.login #login_error { border-left-color: #ed9990; }
body.login .message a, body.login .notice a { color: #e4c39a; }
body.login .language-switcher { color: #f0e5d4; padding: 0 20px 24px; }
body.login .language-switcher select { max-width: 55vw; }
@media (max-width: 400px) { body.login form { padding: 20px; } body.login form .submit { clear: both; padding-top: 18px; } body.login .button-primary { width: 100%; } }