/* ---------- Brand tokens (optional but helpful) ---------- */
:root {
  --primary: #28c4b7;
  --primary-color: #28c4b7;
}

/* ---------- DESK NAVBAR ---------- */
.app-navbar,
.navbar,
.navbar.navbar-expand {
  background: #28c4b7 !important;
  border-color: #28c4b7 !important;
}

/* Make navbar text/icons readable */
.app-navbar .navbar-brand,
.app-navbar .navbar-nav .nav-link,
.navbar .navbar-brand,
.navbar .nav-link,
.navbar .icon {
  color: #fff !important;
  fill: #fff !important;
}
.navbar .nav-link:hover,
.navbar .nav-link:focus { opacity: .9; }

/* ---------- PRIMARY BUTTONS (desk + website) ---------- */
.btn-primary,
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary:disabled {
  background: #28c4b7 !important;
  border-color: #28c4b7 !important;
  color: #fff !important;
  box-shadow: none !important;
}

/* Outline primary variant should resolve to solid teal on hover/active */
.btn-outline-primary {
  color: #28c4b7 !important;
  border-color: #28c4b7 !important;
}
.btn-outline-primary:hover,
.btn-outline-primary:focus,
.btn-outline-primary:active {
  background: #28c4b7 !important;
  border-color: #28c4b7 !important;
  color: #fff !important;
}

/* ---------- LOGIN / SIGNUP PAGES ---------- */
.page-card .btn-primary,
.login-content .btn-primary,
.signup-content .btn-primary,
.web-login .btn-primary,
.web-signup .btn-primary {
  background: #28c4b7 !important;
  border-color: #28c4b7 !important;
  color: #fff !important;
}
.page-card .btn-primary:hover,
.page-card .btn-primary:focus,
.page-card .btn-primary:active {
  background: #28c4b7 !important;
  border-color: #28c4b7 !important;
}

/* LOGIN / SIGNUP — force bigger logo */
section.for-login .page-card-head img.app-logo,
.page-card-head img.app-logo {
  max-height: 126px !important;  /* <— the size you liked */
  height: auto !important;
  width: auto !important;         /* keep aspect ratio */
  display: block !important;
  margin: 10px auto 12px !important; /* center + spacing */
  object-fit: contain !important;
}

/* Optional: slightly more breathing room above the logo */
section.for-login .page-card-head,
.page-card-head {
  padding-top: 20px !important;
}

/* If the logo is ever injected as a background (rare fallback) */
section.for-login .page-card-head .app-logo[style*="background"],
.page-card-head .app-logo[style*="background"] {
  height: 126px !important;
  width: 240px !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
}