/* FILE: main/typography/_typography.scss */

//
// Theme typography
//





// Font families

	%font_body {
		font-family: #{ map_get( $customize_options, 'font-family-body' ) };
		font-family: var(--font-family-body);
	}

	%font_headings {
		font-family: #{ map_get( $customize_options, 'font-family-headings' ) };
		font-family: var(--font-family-headings);
	}

	%font_logo {
		font-family: #{ map_get( $customize_options, 'font-family-logo' ) };
		font-family: var(--font-family-logo);
		text-rendering: auto;
	}

	%font_inherit {
		font-family: inherit;
	}

	html {
		@extend %font_body;

		@include responsive( map_get( $breakpoint, 's' ) ) {
			font-size: map_get( $customize_options, 'font-size-body' );
			font-size: var(--font-size-body);
		}

	}

	h1, h2, h3, h4, h5, h6,
	.h1, .h2, .h3, .h4, .h5, .h6 {
		@extend %font_headings;
	}

	.site-title {
		@extend %font_logo;
	}



// Font weights

	body {
		@extend %font_weight_300;
	}

	b,
	strong {
		@extend %font_weight_700;
	}