h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
	font-family: $font__heading;
	font-weight: $font__weight-semibold;
	line-height: $font__line-height-heading;
	color: var(--color-text-primary);
	margin-top: 0;
	margin-bottom: 1rem;
}

h1 {
	font-size: $font__size-h1;
	font-weight: $font__weight-bold;
	margin-bottom: 1.5rem;
}

h2 {
	font-size: $font__size-h2;
	margin-top: 2rem;
	margin-bottom: 1rem;
}

h3 {
	font-size: $font__size-h3;
	margin-top: 1.5rem;
}

h4 {
	font-size: $font__size-h4;
}

h5 {
	font-size: $font__size-h5;
}

h6 {
	font-size: $font__size-h6;
	font-weight: $font__weight-medium;
}