:root {
  /* Setup global fonts */
  @font-face {
    font-family: "OpenSans";
    src:
      url("../fonts/OpenSans-Italic-VariableFont_wdth,wght.ttf") format("truetype"),
      url("../fonts/OpenSans-VariableFont_wdth,wght.ttf") format("truetype");
  }
}

body {
  font-family: var(--vbx-text--font-family, 'Serif');
  font-size: var(--vbx-text--font-size);
  line-height: var(--vbx-text--line-height, 100%);
}

h1 {
  font-size: var(--vbx-heading1--font-size);
}
h2 {
  font-size: var(--vbx-heading2--font-size);
}
h3 {
  font-size: var(--vbx-heading3--font-size);
}
h4 {
  font-size: var(--vbx-heading4--font-size);
}
h5 {
  font-size: var(--vbx-heading5--font-size);
}
h6 {
  font-size: var(--vbx-heading6--font-size);
}