/* A tela de login com a marca (inc/painel.php). Os valores são os tokens do
   design-system.css (tinta, índigo, violeta), escritos aqui porque a tela de
   login não carrega o design system inteiro. */

body.login{background:#0B0A12;color:#ECEBF2;font-family:Inter,system-ui,sans-serif}
body.login::before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(60% 50% at 80% 0%,rgba(146,44,183,.22),transparent 70%),radial-gradient(50% 40% at 0% 100%,rgba(77,69,177,.22),transparent 70%)}
#login{position:relative;width:340px;padding-top:10vh}

.login h1 a{background-image:url("../img/logo-wordmark.png");background-size:contain;background-position:center;width:220px;height:34px;margin-bottom:28px}

.login form{background:#13111D;border:1px solid #252236;border-radius:12px;box-shadow:0 20px 50px rgba(0,0,0,.45);padding:26px 24px}
.login label{color:#ECEBF2;font-size:14px;font-weight:600}
.login form .input,.login input[type="text"],.login input[type="password"],.login input[type="email"]{background:#1B1928;border:1px solid #322E47;color:#fff;border-radius:8px;font-size:16px;padding:6px 12px;box-shadow:none}
.login form .input:focus,.login input:focus{border-color:#7B74D6;box-shadow:0 0 0 3px rgba(77,69,177,.35);outline:none}
.login .button.wp-hide-pw{color:#B9B6CC}
.login .forgetmenot label{font-weight:400;color:#B9B6CC}
.login input[type="checkbox"]{background:#1B1928;border-color:#322E47}
.login input[type="checkbox"]:checked::before{filter:brightness(2)}

.login .button-primary{background:#4D45B1;border-color:#4D45B1;border-radius:8px;box-shadow:none;text-shadow:none;font-weight:600;padding:0 18px}
.login .button-primary:hover,.login .button-primary:focus{background:#5E56C8;border-color:#5E56C8}

.login #nav,.login #backtoblog{text-align:center}
.login #nav a,.login #backtoblog a,.login .privacy-policy-link{color:#B9B6CC}
.login #nav a:hover,.login #backtoblog a:hover{color:#fff}
.login .message,.login .notice,.login #login_error{background:#13111D;border:1px solid #252236;border-left:4px solid #7B74D6;color:#ECEBF2;border-radius:8px}
.login #login_error{border-left-color:#E5484D}
.login .language-switcher label .dashicons{color:#B9B6CC}
.login .language-switcher label{color:#B9B6CC}
.login .language-switcher select{background-color:#1B1928;border-color:#322E47;color:#ECEBF2;border-radius:8px}
.login .language-switcher .button{background:transparent;border-color:#322E47;color:#ECEBF2;border-radius:8px}