// Base
*,
*::before,
*::after {
	box-sizing: inherit;
}

html {
	box-sizing: border-box;
	font-size: $html-font-size;
	line-height: $html-line-height;
	-webkit-tap-highlight-color: transparent;
}

body {
	background: $body-bg;
	color: $body-font-color;
	font-family: $body-font-family;
	font-size: $font-size;
	overflow-x: hidden;
	font-weight: 400;
	text-rendering: optimizeLegibility;
}

a {
	color: $link-color;
	outline: none;
	text-decoration: none;

	&:focus,
	&:hover,
	&:active,
	&.active {
		color: $link-color-dark;
		text-decoration: none;
	}

	i {
		font-size: 1.5em !important;
	}
}