@font-face {
  font-family: "Lora";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../assets/lora-latin-400-normal.woff2") format("woff2");
}

@font-face {
  font-family: "Lora";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../assets/lora-latin-700-normal.woff2") format("woff2");
}

@font-face {
  font-family: "Oswald";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../assets/oswald-latin-400-normal.woff2") format("woff2");
}

@font-face {
  font-family: "Oswald";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../assets/oswald-latin-500-normal.woff2") format("woff2");
}

@font-face {
  font-family: "Oswald";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../assets/oswald-latin-600-normal.woff2") format("woff2");
}

:root {

  --heading-font-family: "Oswald", sans-serif;

  --text-font-family: "Lora", serif;

}

:root, html {

  color-scheme: light !important;

}

html, body {

  font-family: "Lora", serif;

}

h1, h2, h3, h4, h5, h6,
.bpn-content-header__title,
.bpn-content-header__pre-heading,
.bpn-content-header__sub-heading,
.bpn-content-header__cta,
.yc-kicker-teal,
.btn, [class*="btn--"] {
  font-family: "Oswald", sans-serif;
}

.yc-hero-copy .bpn-content-header__sub-heading {

  font-family: "Lora", serif;

}