/* RepoEasy tema azzurro/blu.
   Le variabili mantengono il nome storico (--teal, --teal-dark, --teal-soft)
   per compatibilità con app.css: ora contengono i valori blu del brand. */
:root{
  --bg:#f4f8fd;
  --surface:#fff;
  --surface-2:#edf2fa;
  --ink:#17222f;
  --muted:#6f7d8f;
  --line:#dfe8f4;
  --teal:#1b6ce5;
  --teal-dark:#1449a6;
  --teal-soft:#e5efff;
  --shadow:0 14px 40px rgba(23,70,140,.08);
}
/* ---------- override dei verdi fissi in app.css ---------- */
.button-primary{box-shadow:0 3px 8px rgba(27,108,229,.25)}
.surface{box-shadow:0 2px 8px rgba(23,70,140,.05)}
.avatar{background:#d9e7fc;color:#1449a6}
.status-dot{background:#3b8de0}
.stat-icon{background:var(--teal-soft);color:var(--teal)}
.pill-public{background:#e9f1fd;color:#2f5ba3}
.upload-box{border-color:#c3d5ef}
.file-icon{color:#5b8bd6}
.agnes-avatar{background:linear-gradient(135deg,#d9e7fc,#e2efff)}
.invite-box{background:#eff4fc}
.brand-mark i+i{background:#d7e5fa}
.hero-kicker{background:#e5efff;color:#3c63a8}
.welcome-banner{border-color:#cfdef7;background:linear-gradient(115deg,#e7f0fd 0%,#f3f8fe 72%,#edf4fd 100%)}
.welcome-banner:after{border-color:rgba(27,108,229,.14);box-shadow:0 0 0 24px rgba(27,108,229,.05),0 0 0 49px rgba(27,108,229,.035)}
.input:focus,.select:focus,.textarea:focus{border-color:#7aa7ec;box-shadow:0 0 0 3px rgba(27,108,229,.13)}
.installer{background:linear-gradient(145deg,#e9f1fd,#f6faff)}
/* ---------- login / registrazione moderni ---------- */
.login-shell{background:var(--bg)}
.login-art{background:linear-gradient(155deg,#0b1a38 0%,#12325f 58%,#1b6ce5 135%);color:#eaf2ff;padding:48px}
.login-art:before,.login-art:after{border-color:rgba(147,180,255,.22)}
.login-art:before{box-shadow:0 0 0 35px rgba(91,155,255,.07),0 0 0 73px rgba(91,155,255,.05)}
.login-art .blob{z-index:0}
.login-art .brand{color:#fff}
.login-art .brand-accent{color:#8fc1ff}
.login-art .brand-mark{border-color:#8fc1ff}
.login-art .brand-mark i{border-color:#8fc1ff}
.login-art .brand-mark i+i{background:#2c5cb4}
.login-quote h1{color:#fff}
.login-quote h1 span{color:#8fc1ff}
.login-quote p{color:#b9cdf0}
.login-foot{color:#8fa8cf}
.login-art .hero-badge{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.18);color:#d6e6ff;box-shadow:none;animation:none}
.login-art .auth-bullets,.login-art .auth-mock{position:relative;z-index:1}
.auth-bullets{display:flex;flex-direction:column;gap:10px;margin-top:26px}
.auth-bullet{display:flex;gap:12px;align-items:flex-start;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.13);border-radius:12px;padding:11px 13px;transition:transform .2s,background .2s}
.auth-bullet:hover{transform:translateX(4px);background:rgba(255,255,255,.11)}
.auth-bullet .feat-ico{width:34px;height:34px;font-size:16px;flex-shrink:0;background:rgba(255,255,255,.12);color:#d6e6ff}
.auth-bullet strong{display:block;font-size:12.5px;color:#fff}
.auth-bullet small{color:#a9c0e4;font-size:11.5px}
.auth-mock{margin-top:22px;font-size:11.5px}
.auth-mock .mock-body{padding:14px}
.login-form-pane{background:var(--bg)}
.login-form{background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:30px;box-shadow:var(--shadow);max-width:400px;animation:page-in .5s backwards}
.auth-back{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:var(--muted);margin-bottom:18px;transition:.2s}
.auth-back:hover{color:var(--teal);transform:translateX(-2px)}
.auth-divider{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:11px;margin:18px 0}
.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--line)}
.auth-secure{margin-top:14px;text-align:center;color:var(--muted);font-size:10.5px}
.password-wrap{position:relative}
.password-wrap .input{padding-right:80px}
.pw-toggle{position:absolute;right:7px;top:50%;transform:translateY(-50%);border:0;background:var(--surface-2);color:var(--muted);font-size:11px;font-weight:700;border-radius:7px;padding:6px 10px;transition:.2s}
.pw-toggle:hover{color:var(--teal)}
@media(max-width:760px){.auth-mock{display:none}.login-art{padding:26px 22px}.auth-bullets{margin-top:18px}}
.login-art{background:#e8f0fd}
.login-art:before,.login-art:after{border-color:rgba(27,80,180,.14)}
.login-art:before{box-shadow:0 0 0 35px rgba(27,108,229,.04),0 0 0 73px rgba(27,108,229,.03)}