/**
 * Type Scale Typography.
 */

@import "variables";

html {
	font-size: #{$base+px};
}

body {
	font-family: var(--ff-base, "sans-serif");
	font-size: var(--fs-base);
	line-height: var(--lh-base);
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-rendering: optimizeLegibility;
}

p {
	margin-bottom: 1rem;
}

h1, h2, h3, h4, h5,
.h1, .h2, .h3, .h4, .h5,
.heading-size-1, .heading-size-2,
.heading-size-3, .heading-size-4,
.heading-size-5 {
	margin: 3rem 0 1.38rem;
	font-family: var(--ff-heading, "sans-serif");
	font-weight: var(--fw-bold);
	line-height: var(--lh-header);
	font-feature-settings: "lnum";
	font-variant-numeric: lining-nums;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-rendering: optimizeLegibility;
}

$sizes: 1,2,3,4,5,6;
@each $size in $sizes {
	h#{$size}, .h#{$size}, .heading-size-#{$size} {
		font-size: var(--fs-h#{$size});
	}
}

// End of file _type-scale.scss