/**
 * AffixIO wordmark — header & footer (IBM Plex Sans, solid colours, no gradient text).
 * Uses .affix-wordmark with .wm-affix + .wm-io inside .logo-text, .footer-logo, .brand, etc.
 */
@import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:ital,wght@0,500;0,600;0,700&display=swap");

:root {
  --wm-font: "IBM Plex Sans", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --wm-affix: #e8edf4;
  --wm-io: #ff4f00;
  --wm-io-hover: #ff6b2b;
}

.affix-wordmark {
  display: inline-flex;
  align-items: baseline;
  font-family: var(--wm-font);
  letter-spacing: -0.03em;
  line-height: 1;
}

.affix-wordmark .wm-affix {
  color: var(--wm-affix);
  font-weight: 600;
}

.affix-wordmark .wm-io {
  color: var(--wm-io);
  font-weight: 700;
}

a:hover .affix-wordmark .wm-io {
  color: var(--wm-io-hover);
}

/* Global header v2 */
#site-header .logo {
  font-family: var(--wm-font);
  font-weight: 600;
  letter-spacing: -0.03em;
  color: var(--wm-affix);
}

#site-header .logo-text {
  display: inline-flex;
  align-items: baseline;
  background: none !important;
  -webkit-text-fill-color: unset !important;
  background-clip: unset !important;
  color: inherit;
}

#site-header .logo:hover .logo-text {
  opacity: 1;
}

/* Footers */
.footer-logo {
  font-family: var(--wm-font);
  font-weight: 600;
  letter-spacing: -0.03em;
  color: var(--wm-affix);
}

.footer-logo .affix-wordmark .wm-affix {
  color: var(--wm-affix);
}

.footer-logo .affix-wordmark .wm-io {
  color: var(--wm-io);
}

/* Homepage & any page using .site-header + .brand */
.site-header .brand {
  font-family: var(--wm-font);
  font-weight: 600;
  letter-spacing: -0.03em;
}

.site-header .brand .affix-wordmark .wm-affix {
  color: var(--wm-affix);
}

.site-header .brand .affix-wordmark .wm-io {
  color: var(--wm-io);
}

footer.site-footer .brand .affix-wordmark .wm-affix {
  color: var(--wm-affix);
}

footer.site-footer .brand .affix-wordmark .wm-io {
  color: var(--wm-io);
}

/* Inline logo-text outside #site-header (e.g. article bylines) */
.logo-text.affix-wordmark {
  font-family: var(--wm-font);
}

/* Legacy afxo-* marketing footers (sectors, use-cases, etc.) */
.afxo-footer__brand-logo {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  font-family: var(--wm-font);
  font-weight: 600;
  letter-spacing: -0.03em;
}

.afxo-footer__brand-logo .affix-wordmark .wm-affix {
  color: var(--wm-affix);
}

.afxo-footer__brand-logo .affix-wordmark .wm-io {
  color: var(--wm-io);
}

/* Contact-style footers: .footer-brand > a.logo */
footer .footer-brand a.logo {
  font-family: var(--wm-font);
  letter-spacing: -0.03em;
  text-decoration: none;
}

footer .footer-brand .affix-wordmark .wm-affix {
  color: var(--wm-affix);
}

footer .footer-brand .affix-wordmark .wm-io {
  color: var(--wm-io);
}