@mixin u-font-smoothing() {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

// Headings

@mixin _heading-base() {
	font-weight: $t-a-typography-font-weight-bold;
	@if $is-nature-branded {
		@include u-font-smoothing();
	}
}

%u-h1 {
	@include _heading-base();
	font-family: $t-a-typography-font-family-default;
	font-size: $t-a-typography-heading-level-1-default-font-size;
	font-size: $t-a-typography-heading-level-1-fluid-font-size;
	letter-spacing: $context--letter-spacing;
	letter-spacing: unquote('min(max(#{$context--letter-spacing-min}, 4vw), #{$context--letter-spacing})');
	line-height: $context--line-height-h1;
	line-height: unquote('min(max(#{$context--line-height-h1-min}, 4vw), #{$context--line-height-h1})');
}

%u-h2 {
	@include _heading-base();
	font-family: $t-a-typography-font-family-default;
	font-size: $t-a-typography-heading-level-2-default-font-size;
	font-size: $t-a-typography-heading-level-2-fluid-font-size;
	letter-spacing: $context--letter-spacing-min;
	line-height: $context--line-height-h2;
	line-height: unquote('min(max(#{$context--line-height-h2-min}, 3.5vw), #{$context--line-height-h2})');
}

%u-h3 {
	@include _heading-base();
	font-family: $t-a-typography-font-family-default;
	font-size: $t-a-typography-heading-level-3-default-font-size;
	letter-spacing: $context--letter-spacing-min;
	line-height: $context--line-height-h3;
}

%u-h4 {
	@include _heading-base();
	font-family: $context--font-family-secondary;
	font-size: $t-a-typography-heading-level-4-default-font-size;
	letter-spacing: $context--letter-spacing-min;
	line-height: $context--line-height-h4;
}
