/* Branded login screen. --accent (and, once set, the mood-derived neutrals) come from
   cup-brand's inline <style> block on login_head — this file just uses those vars. */
body.login{background:#0c0c0c;overflow-x:hidden}
.cup-login-bg{position:fixed;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}
.cup-login-bg-photo{background-size:cover;background-position:center}
.cup-login-veil{position:fixed;inset:0;z-index:1;background:linear-gradient(180deg,rgba(8,8,8,.32) 0%,rgba(8,8,8,.55) 70%,rgba(8,8,8,.72) 100%)}
body.login div#login{position:relative;z-index:2;padding-top:6vh;width:min(370px,92vw)}
body.login #login h1{display:none}
.cup-login-logo-wrap{position:relative;z-index:2;text-align:center;margin:6vh 0 22px}
.cup-login-logo{max-width:150px;max-height:76px;width:auto;height:auto;object-fit:contain;filter:drop-shadow(0 2px 14px rgba(0,0,0,.4))}
.cup-login-logo-text{font-family:var(--serif,Georgia,serif);font-size:24px;font-weight:600;color:#fff;letter-spacing:-.01em;text-shadow:0 2px 12px rgba(0,0,0,.4)}
body.login #loginform{background:color-mix(in srgb, var(--card,#fff) 96%, transparent);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:16px;padding:30px 26px 22px;box-shadow:0 24px 70px -24px rgba(0,0,0,.6);border:1px solid rgba(255,255,255,.5)}
body.login label{color:var(--ink,#211C16);font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.04em}
body.login input[type=text],body.login input[type=password]{border-radius:9px;border:1px solid var(--line-strong,rgba(0,0,0,.15));padding:10px 12px;font-size:14px;box-shadow:none}
body.login input[type=text]:focus,body.login input[type=password]:focus{border-color:var(--accent,#A8492B);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent,#A8492B) 18%, transparent)}
body.login .wp-core-ui .button-primary{background:var(--accent,#A8492B) !important;border-color:var(--accent,#A8492B) !important;box-shadow:none !important;text-shadow:none !important;border-radius:9px !important;padding:9px 20px !important;height:auto !important;font-weight:600 !important}
body.login .wp-core-ui .button-primary:hover{background:color-mix(in srgb, var(--accent,#A8492B) 85%, #000) !important}
body.login #nav,body.login #backtoblog{text-align:center;position:relative;z-index:2}
body.login #nav a,body.login #backtoblog a{color:rgba(255,255,255,.92) !important;text-shadow:0 1px 4px rgba(0,0,0,.45);font-weight:500}
body.login .message,body.login #login_error{border-radius:11px;background:color-mix(in srgb, var(--card,#fff) 96%, transparent);backdrop-filter:blur(8px);border-left-color:var(--accent,#A8492B) !important;position:relative;z-index:2}
body.login p.forgetmenot{display:flex;align-items:center}