@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap");
@import "./variables.scss";

body,
* {
	font-family: $primaryFont;
	font-size: 14px;
	line-height: 20px;
}

.mh-display {
	font-family: $primaryFont;
	font-style: normal;
	font-weight: bold;
	font-size: 28px;
	line-height: 36px;
}

.mh-heading-1 {
	font-family: $primaryFont;
	font-style: normal;
	font-weight: normal;
	font-size: 24px;
	line-height: 28px;
}

.mh-heading-2 {
	font-family: $primaryFont;
	font-style: normal;
	font-weight: normal;
	font-size: 18px;
	line-height: 24px;
	margin-bottom: $spacing-small;
}

.mh-caption {
	font-family: $primaryFont;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	line-height: 16px;
}

.mh-input__error {
	font-size: 12px;
	line-height: 16px;
	color: $color-primary-red;
	margin-left: 8px;
	margin-top: 4px;
	display: block;
}

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

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

.fw-semi {
	font-weight: 600;
}