/* The sign-in screen in the v2 look: the kit's tokens (tokens.css), the dark canvas, the cyan glow. */
body.login{
  min-height:100vh; margin:0; display:grid; place-items:center; padding:2rem 1rem;
  font-family:var(--ats-font-body); color:var(--ats-fg);
  background:
    radial-gradient(60rem 30rem at 50% -10%, color-mix(in oklab, var(--ats-accent) 22%, transparent), transparent 70%),
    var(--ats-bg);
}
.login #login{ width:min(100%, 380px); padding:0; }
.login h1 a{ width:206px; height:52px; background-size:contain; background-position:center; margin:0 auto 1.5rem; }
.login form{
  margin:0; padding:1.5rem; border-radius:16px; box-shadow:none;
  background:var(--ats-surface); border:1px solid var(--ats-border);
}
.login label{ color:var(--ats-muted-strong); font-size:14px; font-weight:500; }
.login form .input, .login input[type=text], .login input[type=password], .login input[type=email]{
  min-height:44px; margin-top:6px; border-radius:10px; font-size:16px; padding:0 12px;
  background:var(--ats-bg); color:var(--ats-fg); border:1px solid var(--ats-border-field); box-shadow:none;
}
.login form .input:focus{ border-color:var(--ats-accent); box-shadow:0 0 0 3px color-mix(in oklab, var(--ats-accent) 30%, transparent); outline:none; }
.login .button-primary, .wp-core-ui .button-primary{
  min-height:44px; padding:0 18px; border-radius:10px; border:0; font-weight:600; font-size:15px;
  background:var(--ats-accent); color:var(--ats-accent-ink); text-shadow:none; box-shadow:none;
}
.login .button-primary:hover, .login .button-primary:focus{ background:var(--ats-accent); color:var(--ats-accent-ink); }
.login #nav, .login #backtoblog{ text-align:center; padding:0; margin-top:1rem; }
.login #nav a, .login #backtoblog a, .login .privacy-policy-link{ color:var(--ats-muted-strong); text-decoration:none; }
.login #nav a:hover, .login #backtoblog a:hover{ color:var(--ats-fg); }
.login .message, .login .notice, .login #login_error{
  border-radius:12px; border:1px solid var(--ats-border); border-left-width:3px; background:var(--ats-surface); color:var(--ats-fg); box-shadow:none;
}
.login .language-switcher{ display:none; }