@import url("https://fonts.googleapis.com/css2?family=Outfit:wght@500;600;700;800&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap");

:root {
  --wc-font-body: "Plus Jakarta Sans", "Segoe UI", sans-serif;
  --wc-font-display: "Outfit", "Segoe UI", sans-serif;
}

:where(
  html,
  body,
  body p,
  body li,
  body span,
  body small,
  body label,
  body a,
  body strong,
  body em,
  body div,
  body section,
  body article,
  body aside,
  body main,
  button,
  input,
  select,
  textarea
) {
  font-family: var(--wc-font-body) !important;
}

body {
  letter-spacing: -0.01em;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

:where(
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  .wc-brand-copy strong,
  .wc-brand-sign,
  .wc-footer-brand strong,
  .wc-shell-nav-link,
  .wc-header-cta,
  .wc-popup-title,
  .wc-popup-subtitle,
  .wc-popup-badge,
  .wc-popup-location span,
  .corp-badge,
  .corp-kicker,
  .corp-btn,
  .corp-btn-secondary,
  .corp-inline-link,
  .corp-value-head span,
  .corp-value-icon,
  [class*="title"],
  [class*="heading"],
  [class*="headline"],
  [class*="hero-title"],
  [class*="section-title"],
  [class*="section-heading"]
) {
  font-family: var(--wc-font-display) !important;
}