//------------------------------------------------------------------------------------------------
// HTML STYLES
//------------------------------------------------------------------------------------------------

/*
Set basic styles for HTML top level element.
*/

/*
[1] The `font-size` is calculated to exist in ems so the users browser
font-size is respected if changed.
*/

html {
	font-family: $global-body-font;
	font-size: ($global-body-font-size / 16px) * 1em; /* [1] */
	font-weight: $global-body-weight;
	line-height: $global-line-height;
	min-height: 100%;
	overflow-y: scroll;
	color: color($global-body-color);
}

@include mq($until:md) {
	body {
		font-size: rem($global-mobile-body-font-size);
	}
}