/**
 * MA-WP-018 brand identity and typography integration.
 */

@font-face {
  font-display: swap;
  font-family: "Manrope";
  font-style: normal;
  font-weight: 200 800;
  src: url("../fonts/manrope/Manrope-Variable.woff2") format("woff2-variations");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root,
.editor-styles-wrapper {
  --typography-family-runtime: Manrope, Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

:where(body, button, input, select, textarea),
.editor-styles-wrapper {
  font-family: var(--typography-family-runtime);
}

.marketacer-brand-lockup {
  display: inline-flex;
  flex: 0 0 auto;
  line-height: 0;
  padding: var(--spacing-8);
  text-decoration: none;
}

.marketacer-brand-lockup img {
  display: block;
  height: auto;
}

.marketacer-brand-lockup--header img {
  width: clamp(140px, 11.5vw, 168px);
}

.marketacer-brand-lockup--footer img {
  width: clamp(160px, 14vw, 192px);
}

.marketacer-primary-navigation,
.marketacer-site-footer {
  font-weight: 500;
}