/*------------------------------------*\
    #BODY
\*------------------------------------*/

/**
 * HTML base styles
 * 1) Set the html element's height to at least 100% of the viewport.
 *    This is used to achieve a sticky footer
 */
html {
	min-height: 100vh; /* 1 */
}

/**
 * Body base styles
 * 1) Set the body element's height to at least 100% of the viewport.
 *    This is used to achieve a sticky footer
 */
body {
	-webkit-font-smoothing: antialiased;
	background-color: $color-body-bg;
	color: $color-body-text;
	font-family: $font-family-primary;
	min-height: 100vh; /* 1 */
	@include typographyBody();

	font-family: $font-family-primary;
	@include typographyBody();
	background-color: $color-body-bg;
	color: $color-body-text;
	-webkit-font-smoothing: antialiased;
}