// TO-DO
// Some sort of scale
html { // http://bit.ly/1qk2tVR
	box-sizing: border-box;
}

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

body {
	background: $white;
	-webkit-font-smoothing: antialiased; // autoprefixer does not incl. font-smoothing
	-moz-osx-font-smoothing: grayscale;
	font-feature-settings: "liga", "dlig";
	color: $c-g500;
	font-family: $body;
	font-size: $t-1; //16px
	line-height: 1.5;
}

h1, h2, h3, h4{
	font-family: $heading;
	font-weight: $t-regular;
}

h1 {
	@include fontsize($t-5);
	margin-bottom: 2rem;
}

h2 {
	@include fontsize($t-4);
	margin-bottom: 1.5rem;
}

h3 {
	@include fontsize($t-3);
	margin-bottom: 1.5rem;
}

h4 {
	@include fontsize($t-2);
	margin-bottom: 1rem;
}

a {
	color: $c-b300;
	text-decoration: none;

	&:hover, &.is-open {
		text-decoration: underline;
	}

	&.is-disabled {
		pointer-events: none;
		opacity: .3;
	}
}

small{
	font-size: $t-0; //14px
	line-height: $t-h-1; // 16px
}

strong {
	font-weight: 700;
}

img {
	max-width: 100%;
	height: auto;
}

p, section, img {
	margin-bottom: 1rem;
}

hr {
	margin: 2rem 0;
	border: none;
	border-bottom: 1px solid $c-g200;
}

code {
	padding: 0.4375rem;
	@include fontsize($t-1, $t-h-1);
	display: inline-block;
	border: 1px solid $lighter-grey;
	border-radius: $border-radius;
	background: $c-g500;
	color: $c-w100;
	font-family: monospace;
}

a[disabled] {
	pointer-events: none;
}