h1, .h1 {
	font-family: var(--serif-font-family);
	font-weight: 500;
}

h2, .h2 {
	font-family: var(--sans-serif-font-family);
	font-weight: 700;
}

h3, .h3 {
	font-family: var(--sans-serif-font-family);
	font-weight: 500;
}

h4, .h4 {
	font-family: var(--sans-serif-font-family);
	font-weight: 500;
}

h5, .h5 {
	font-family: var(--sans-serif-font-family);
	font-weight: 500;
}

h6, .h6 {
	font-family: var(--sans-serif-font-family);
	font-weight: 500;
}

/* font utilities */
.sf {
	font-family: var(--serif-font-family);
}

.ssf {
	font-family: var(--sans-serif-font-family);
}

.font-condensed {
	font-family: 'Barlow Semi Condensed', sans-serif;
}

.noto-serif {
	font-family: "Noto Serif", serif;
	font-optical-sizing: auto;
	font-variation-settings:
	  "wdth" 100;
}

.font-recursive {
    font-family: "Recursive", serif;
    font-optical-sizing: auto;
    font-style: normal;
    font-variation-settings: "slnt" 0, "CASL" 0, "CRSV" 0, "MONO" 0;
}

.fw-500 {
    font-weight: 500;
}