/* eslint-disable */
@font-face {
  font-family: "fontHeading300";
  src: url("/assets/fonts/fontHeading300.woff2") format("woff2");
}

@font-face {
  font-family: "fontHeading500";
  src: url("/assets/fonts/fontHeading500.woff2") format("woff2");
}

@font-face {
  font-family: "fontHeading600";
  src: url("/assets/fonts/fontHeading600.woff2") format("woff2");
}

@font-face {
  font-family: "fontBody400";
  src: url("/assets/fonts/fontBody400.woff2") format("woff2");
}

@font-face {
  font-family: "fontBody500";
  src: url("/assets/fonts/fontBody500.woff2") format("woff2");
}

@font-face {
  font-family: "fontBody600";
  src: url("/assets/fonts/fontBody600.woff2") format("woff2");
}

/* variable font - one file covers weights 300 to 800 */
@font-face {
  font-family: "OpenSans";
  font-weight: 300 800;
  src: url("/assets/fonts/OpenSans/OpenSans.ttf") format("truetype");
}

/* Comic Sans MS ships with Windows and macOS only. local() is tried first, so
   those users download nothing and everyone else gets Comic Neue, a cleaner
   redesign of the same idea. Comic Neue is not drawn to Comic Sans metrics, so
   a line can break differently on a machine without the original.
   Declaring a family here replaces the installed one, so every face we want has
   to be listed: local() names a face by its full name, not by family + weight.
   The folder also holds Light and Italic cuts, unused while the text asset
   offers normal and bold only. */
@font-face {
  font-family: "Comic Sans MS";
  font-weight: 400;
  src:
    local("Comic Sans MS"),
    url("/assets/fonts/ComicNeue/ComicNeue-Regular.ttf") format("truetype");
}

@font-face {
  font-family: "Comic Sans MS";
  font-weight: 700;
  src:
    local("Comic Sans MS Bold"),
    url("/assets/fonts/ComicNeue/ComicNeue-Bold.ttf") format("truetype");
}

:root {
  /* consumer app variable definition with important overrides blocks library definitions */
  --fontHeading300: "fontHeading300" !important;
  --fontHeading500: "fontHeading500" !important;
  --fontHeading600: "fontHeading600" !important;
  --fontBody400: "fontBody400" !important;
  --fontBody500: "fontBody500" !important;
  --fontBody600: "fontBody600" !important;
}