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

/*
 * Identidade global do Hub.
 * Este arquivo altera somente a familia tipografica e a aplicacao da marca.
 * Layouts, espacamentos, componentes e cores semanticas continuam locais.
 */
:root {
  --hub-brand-navy: #142845;
  --hub-brand-navy-light: #1b3a5d;
  --hub-brand-font: Inter, system-ui, sans-serif;
}

html,
body,
button,
input,
select,
textarea {
  font-family: var(--hub-brand-font) !important;
}

body :where(h1, h2, h3, h4, h5, h6, p, a, span, div, label, button, input, select, textarea, summary, table, th, td, small, strong, b, em) {
  font-family: var(--hub-brand-font) !important;
}

code,
pre,
kbd,
samp,
.mono {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace !important;
}

.hub-brand-logo {
  display: block;
  width: clamp(112px, 10vw, 148px);
  max-width: 100%;
  height: auto;
  max-height: 46px;
  object-fit: contain;
  object-position: left center;
  flex: 0 0 auto;
}

.bs-topbar__brand-name,
.biasonShellHeader__brand,
.shell-header__brand,
.hd-logo,
.brandName,
.loginBrandName {
  display: inline-flex;
  align-items: center;
  line-height: 1;
}

.academyBrand,
.academyBrand__name {
  align-items: center !important;
}

.academyBrand__name {
  display: inline-flex;
  gap: 12px;
}

.bs-topbar__brand-name .hub-brand-logo,
.biasonShellHeader__brand .hub-brand-logo,
.shell-header__brand .hub-brand-logo,
.hd-logo .hub-brand-logo,
.brandLine .hub-brand-logo,
header .brand .hub-brand-logo,
header .academyBrand__name .hub-brand-logo {
  width: clamp(108px, 9vw, 138px);
  max-height: 42px;
}

.brandName .hub-brand-logo {
  width: clamp(150px, 18vw, 210px);
  max-height: 68px;
}

.loginBrandName .hub-brand-logo {
  width: clamp(132px, 16vw, 178px);
  max-height: 56px;
}

body:not(.login-page) .submit {
  background: var(--hub-brand-navy) !important;
}

body:not(.login-page) .submit:hover {
  background: var(--hub-brand-navy-light) !important;
}

.brandMark:has(.hub-brand-logo) .brandSubtitle,
.loginBrand:has(.hub-brand-logo) .loginBrandSubtitle {
  display: none;
}

@media (max-width: 620px) {
  .hub-brand-logo,
  .bs-topbar__brand-name .hub-brand-logo,
  .biasonShellHeader__brand .hub-brand-logo,
  .shell-header__brand .hub-brand-logo,
  .hd-logo .hub-brand-logo,
  .brandLine .hub-brand-logo,
  header .brand .hub-brand-logo,
  header .academyBrand__name .hub-brand-logo {
    width: 112px;
    max-height: 38px;
  }
}