:root{
  --font-sans: "Josefin Sans", "Josefin", system-ui, -apple-system, "Segoe UI", Roboto,
               "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans",
               "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

/* Fonts
--------------------------------------------- */
@font-face {
	font-family: 'Josefin Sans';
  	src: url('../fonts/josefin-sans-v33-latin/josefin-sans-v33-latin-300.woff2') format('woff2');
	font-style: normal;
  	font-weight: 300;
  	font-display: swap;
}
@font-face {
	font-family: 'Josefin Sans';
	src: url('../fonts/josefin-sans-v33-latin/josefin-sans-v33-latin-regular.woff2') format('woff2');
	font-style: normal;
	font-weight: 400;
	font-display: swap;
}
@font-face {
	font-family: 'Josefin Sans';
	src: url('../fonts/josefin-sans-v33-latin/josefin-sans-v33-latin-700.woff2') format('woff2');
	font-style: normal;
	font-weight: 700;
	font-display: swap;
}
@font-face {
	font-family: 'Josefin';
  	src: url('../fonts/josefin-sans-v33-latin/josefin-sans-v33-latin-300.woff2') format('woff2');
	font-style: normal;
  	font-weight: 300;
  	font-display: swap;
}
@font-face {
	font-family: 'Josefin';
	src: url('../fonts/josefin-sans-v33-latin/josefin-sans-v33-latin-regular.woff2') format('woff2');
	font-style: normal;
	font-weight: 400;
	font-display: swap;
}
@font-face {
	font-family: 'Josefin';
	src: url('../fonts/josefin-sans-v33-latin/josefin-sans-v33-latin-700.woff2') format('woff2');
	font-style: normal;
	font-weight: 700;
	font-display: swap;
}

body {
    font-family: var(--font-sans);
}