/* Branding Tabeva per le pagine web native di Frappe che estendono
   templates/web.html (login, reset password, ecc.). Selettori limitati ai
   contenitori del login (.for-login / .page-card) per non toccare il blog né
   il sito marketing statico (che non estende web.html). */

@import url("https://fonts.googleapis.com/css2?family=Exo+2:wght@600;700&family=Inter:wght@400;500;600&display=swap");

:root {
  --tabeva-blu: #0289F7;
  --tabeva-oro: #D6932E;
  --tabeva-slate: #0F172A;
  --tabeva-bordo: #E2E8F0;
}

.for-login,
.for-signup,
.for-forgot,
.for-login-with-email-link {
  font-family: Inter, system-ui, sans-serif;
}

/* Logo Tabeva sopra la card di login */
.for-login .page-card-head,
.for-signup .page-card-head,
.for-forgot .page-card-head {
  text-align: center;
}
.for-login .page-card-head::before {
  content: "tabeva";
  display: block;
  font-family: "Exo 2", sans-serif;
  font-weight: 700;
  font-size: 24px;
  color: var(--tabeva-slate);
  margin-bottom: 10px;
}

/* Card */
.page-card {
  border-radius: 14px !important;
  border: 1px solid var(--tabeva-bordo) !important;
  box-shadow: 0 12px 40px rgba(2, 6, 23, .08) !important;
}

/* Pulsanti primari (accedi) in oro Tabeva */
.for-login .btn-primary,
.for-login .btn-login,
.for-signup .btn-primary,
.for-forgot .btn-primary,
.page-card .btn-primary {
  background-color: var(--tabeva-oro) !important;
  border-color: var(--tabeva-oro) !important;
  color: #fff !important;
  font-weight: 600;
}
.for-login .btn-primary:hover,
.for-login .btn-login:hover,
.page-card .btn-primary:hover {
  background-color: #c08526 !important;
  border-color: #c08526 !important;
}

/* Link (password dimenticata, ecc.) in blu Tabeva */
.for-login a,
.for-signup a,
.for-forgot a {
  color: var(--tabeva-blu);
}