// Global font family setting
// This applies the cstd font to all elements by default
* {
	font-family: 'cstd', 'Helvetica Neue', Arial, sans-serif;
}

// Global body styles
body {
	font-family: 'cstd', 'Helvetica Neue', Arial, sans-serif;
	font-weight: 400;
	line-height: 1.4;
	overflow-x: hidden;
	width: 100%;
}

// Prevent horizontal scroll
html {
	overflow-x: hidden;
	width: 100%;
	font-size: 18px;

	// Set rem to 16px on mobile devices
	@include breakpoint('phone') {
		font-size: 16px;
	}
}

// Heading font weights
h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: 500;
}

// Button and input font inheritance
button,
input,
textarea,
select {
	font-family: inherit;
}

input,
textarea {
	box-sizing: border-box;
}
