/* ============================================================
   Sterling Peak auth theme  (CSS only, no markup/logic changes)
   Themes the login / register / admin-login pages that extend
   layouts/guest.blade.php. Satoshi type + #1b66ff brand to match
   the Sterling Peak front site. Loaded AFTER temp/css/colors/default.css.
   ============================================================ */

:root{
  --sp-brand:#1b66ff;
  --sp-brand-600:#1356e6;
  --sp-brand-700:#0e45be;
  --sp-ink:#0b0f19;
  --sp-line:#e7e9ef;
}

/* ---- Typography: Satoshi ---- */
body,.auth,.btn,.card,.form-control,input,select,textarea,
h1,h2,h3,h4,h5,h6,.card-title,label,p,a,span{
  font-family:"Satoshi",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif !important;
}
h1,h2,h3,h4,h5,h6,.card-title{letter-spacing:-.02em;font-weight:700 !important;color:var(--sp-ink);}

/* ---- Page background: clean white ---- */
body.bg-soft-primary,body.h-100,body{background:#ffffff !important;}

/* ---- Header area behind the logo: white (logo reads in dark on white) ---- */
.auth{background:#ffffff !important;}

/* ---- Primary button -> front blue ---- */
.btn-primary,
.btn.btn-primary{
  background:var(--sp-brand) !important;
  border-color:var(--sp-brand) !important;
  color:#fff !important;
  box-shadow:0 12px 26px -12px rgba(27,102,255,.6) !important;
  transition:transform .2s ease,background .2s,box-shadow .2s !important;
}
.btn-primary:hover,.btn-primary:focus,.btn-primary:active,
.btn-primary:not(:disabled):not(.disabled):active{
  background:var(--sp-brand-600) !important;border-color:var(--sp-brand-600) !important;transform:translateY(-1px);
}
.btn{border-radius:12px !important;font-weight:600 !important;}
.btn-light{border-radius:12px !important;border:1px solid var(--sp-line) !important;}

/* ---- Links / accents ---- */
a,.text-primary{color:var(--sp-brand) !important;}
a:hover{color:var(--sp-brand-700) !important;}
.bg-primary{background-color:var(--sp-brand) !important;}
.text-dark.font-weight-bold{color:var(--sp-brand) !important;} /* "Forgot password?" / "Sign Up" links */

/* ---- Card: white with clear border + shadow to lift off the white page ---- */
.card.login-page,.card.roundedd,.card{
  background:#ffffff !important;border-radius:20px !important;
  border:1px solid var(--sp-line) !important;
  box-shadow:0 1px 2px rgba(16,24,40,.04), 0 24px 60px -24px rgba(16,24,40,.22) !important;
}

/* ---- Inline front logo (blue mark + Satoshi wordmark: Sterling heavy, Peak lighter) on white ---- */
.auth-logo-link{text-decoration:none;}
.lv-logo{display:inline-flex;align-items:center;gap:.55rem;line-height:1;}
.lv-mark{width:40px;height:40px;flex:none;display:block;}
.lv-word{font-family:"Satoshi",ui-sans-serif,system-ui,-apple-system,sans-serif;font-size:1.6rem;line-height:1;letter-spacing:-.035em;white-space:nowrap;}
.lv-1{font-weight:900;color:var(--sp-ink) !important;}
.lv-2{font-weight:500;color:#5c6573 !important;margin-left:.32rem;}

/* ---- Inputs ---- */
.form-control{border-radius:12px !important;border-color:var(--sp-line) !important;}
.form-control:focus{border-color:var(--sp-brand) !important;box-shadow:0 0 0 3px rgba(27,102,255,.15) !important;}

/* ---- Checkbox / radio accents ---- */
.custom-control-input:checked~.custom-control-label::before{
  background-color:var(--sp-brand) !important;border-color:var(--sp-brand) !important;
}

/* focus ring */
:where(a,button,.btn,.form-control):focus-visible{outline:2px solid var(--sp-brand);outline-offset:2px;}