/* Ontech brand for Tabler — edit these to rebrand; nothing else. */
:root {
  --brand: #047857;            /* emerald 700 */
  --brand-rgb: 4,120,87;
  --brand-dark: #065f46;
  --brand-light: #10b981;
  /* map Tabler primary -> Ontech emerald */
  --tblr-primary: var(--brand);
  --tblr-primary-rgb: var(--brand-rgb);
  --tblr-primary-fg: #ffffff;
}
.btn-primary { --tblr-btn-bg: var(--brand); --tblr-btn-border-color: var(--brand);
               --tblr-btn-hover-bg: var(--brand-dark); --tblr-btn-hover-border-color: var(--brand-dark); }
.text-primary { color: var(--brand) !important; }
.page-pretitle { letter-spacing: .04em; }
/* soft brand accent on the navbar brand */
.navbar-brand-text { font-weight: 700; color: var(--brand); }
/* dark auth screen (login) */
.auth-screen { min-height: 100vh; display: grid; place-items: center;
  background: linear-gradient(160deg,#0f172a,var(--brand-dark)); padding: 24px; }
.auth-card { width: min(92vw, 400px); background: #111827; border: 1px solid #334155;
  border-radius: 14px; padding: 30px 28px; box-shadow: 0 20px 50px rgba(0,0,0,.35); color: #e5e7eb; }
.auth-card .form-label { color: #94a3b8; }
.auth-card .form-control { background:#0b1220; border-color:#334155; color:#e5e7eb; }
.auth-card .btn-primary { width: 100%; }