/* Single Line -------------------- */
.hero.singleline {
	font: var(--typography-single-line-hero-base);
}
.display.singleline {
	font: var(--typography-single-line-display-base);
}
.title.singleline {
	font: var(--typography-single-line-title-base);
}
.heading.singleline {
	font: var(--typography-single-line-heading-base);
}
.subheading.singleline {
	font: var(--typography-single-line-subheading-base);
}
.base.singleline {
	font: var(--typography-single-line-base-base);
}
.subtle.singleline {
	font: var(--typography-single-line-subtle-base);
}
.quote.singleline {
	font: var(--typography-single-line-quote-base);
}
.label.singleline {
	font: var(--typography-single-line-label-base);
}
.caption.singleline {
	font: var(--typography-single-line-caption-base);
}
.footnote.singleline {
	font: var(--typography-single-line-footnote-base);
}

/* Multi Line -------------------- */
.hero.multiline {
	font: var(--typography-multi-line-hero-base);
}
.display.multiline {
	font: var(--typography-multi-line-display-base);
}
.title.multiline {
	font: var(--typography-multi-line-title-base);
}
.heading.multiline {
	font: var(--typography-multi-line-heading-base);
}
.subheading.multiline {
	font: var(--typography-multi-line-subheading-base);
}
.base.multiline {
	font: var(--typography-multi-line-base-base);
}
.subtle.multiline {
	font: var(--typography-multi-line-subtle-base);
}
.quote.multiline {
	font: var(--typography-multi-line-quote-base);
}
.label.multiline {
	font: var(--typography-multi-line-label-base);
}
.caption.multiline {
	font: var(--typography-multi-line-caption-base);
}
.footnote.multiline {
	font: var(--typography-multi-line-footnote-base);
}

/* Emphasis -------------------- */
/* By definition, emphasis only changes the font-weight,if this behavior
were to change, we might need to set up the whole font property */
.title.emphasis {
	font-weight: var(--typography-single-line-title-emphasis-font-weight);
}
.heading.emphasis {
	font-weight: var(--typography-single-line-heading-emphasis-font-weight);
}
.subheading.emphasis {
	font-weight: var(--typography-single-line-subheading-emphasis-font-weight);
}
.base.emphasis {
	font-weight: var(--typography-single-line-base-emphasis-font-weight);
}
.subtle.emphasis {
	font-weight: var(--typography-single-line-subtle-emphasis-font-weight);
}
.quote.emphasis {
	font-weight: var(--typography-single-line-quote-emphasis-font-weight);
}
.label.emphasis {
	font-weight: var(--typography-single-line-label-emphasis-font-weight);
}
.caption.emphasis {
	font-weight: var(--typography-single-line-caption-emphasis-font-weight);
}
.footnote.emphasis {
	font-weight: var(--typography-single-line-footnote-emphasis-font-weight);
}