:root {
  --itsos-primary: #ff9517;
  --itsos-primary-dark: #e8840f;
  --itsos-primary-light: #ffb04a;
  --itsos-font: "Outfit", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
}

body,
#app,
.at-btn,
.at-input,
.at-menu,
.at-alert {
  font-family: var(--itsos-font) !important;
}

/* Wordmark HTML/CSS — stesso stile header itsos.it */
.itsos-wordmark {
  align-items: center;
  color: #000;
  display: inline-flex;
  font-family: var(--itsos-font);
  font-weight: 300;
  gap: 10px;
  line-height: 1;
  text-decoration: none;
  white-space: nowrap;
}

.itsos-wordmark__icon {
  display: block;
  flex: 0 0 auto;
  height: 30px;
  width: 32px;
}

.itsos-wordmark__text {
  font-size: 2.4rem;
  letter-spacing: -0.02em;
  line-height: 0.9;
}

.itsos-wordmark__accent {
  color: var(--itsos-primary);
}

.itsos-wordmark__tagline {
  color: #2b2b2b;
  display: block;
  font-size: 0.95rem;
  font-weight: 500;
  letter-spacing: 0.08em;
  margin-top: 0.35rem;
  text-align: center;
  text-transform: uppercase;
}

.itsos-wordmark--compact .itsos-wordmark__text {
  font-size: 1.55rem;
}

.itsos-wordmark--compact .itsos-wordmark__icon {
  height: 24px;
  width: 26px;
}

.itsos-wordmark--login {
  flex-direction: column;
  gap: 14px;
}

.itsos-wordmark--login .itsos-wordmark__icon {
  height: 52px;
  width: 54px;
}

.itsos-wordmark--login .itsos-wordmark__text {
  font-size: 3.4rem;
}

/* Navbar */
.navbar__logo {
  background: none !important;
  display: inline-flex !important;
  height: auto !important;
  min-height: 45px;
  width: auto !important;
}

/* Login */
.login .static-message .logo {
  background: none !important;
  border-radius: 0 !important;
  height: auto !important;
  width: auto !important;
}

.login__title {
  display: none !important;
}

.login__slogan {
  display: none !important;
}

.login .hero {
  background: linear-gradient(145deg, var(--itsos-primary) 0%, #ff7a00 55%, #3a87ff 100%) !important;
}

/* Pulsanti e accenti ITSOS */
.at-btn--primary,
.at-btn--primary:hover,
.at-btn--primary:active {
  background-color: var(--itsos-primary) !important;
  border-color: var(--itsos-primary) !important;
}

.at-btn--primary:hover {
  background-color: var(--itsos-primary-light) !important;
  border-color: var(--itsos-primary-light) !important;
}

.at-btn--primary:active {
  background-color: var(--itsos-primary-dark) !important;
  border-color: var(--itsos-primary-dark) !important;
}

.at-btn--primary--hollow {
  color: var(--itsos-primary) !important;
}

.at-menu__item-link.router-link-active::after,
.at-menu__item-link:hover::after,
.at-menu__submenu .at-menu__item-link.router-link-active::after {
  background-color: var(--itsos-primary) !important;
}

.at-menu__item-link.router-link-active,
.at-menu__submenu .at-menu__item-link.router-link-active,
.link,
a.link {
  color: var(--itsos-primary) !important;
}

.at-dropdown-menu__item:hover {
  color: var(--itsos-primary) !important;
}

/* Preloader / about */
.preloader__logo,
.about__logo {
  background: url("/branding/logo.svg") center/contain no-repeat !important;
}