$bodyBackgroundColor: $brown--light;

$bodyColor: $black;
$bodyFontWeight: 400;
$bodyFontSize: 100%;
$bodyLineHeight: 1.5;
$bodyFontFamily: 'Raleway', 'Segoe UI', 'Helvetica Neue', Helvetica, Tahoma, Arial, sans-serif;

@import url(http://fonts.googleapis.com/css?family=Raleway:400,200,300,700,600,900);

*,
*:after,
*:before {
	@include box-sizing(border-box);
}

:focus {
  outline: none;
}

html,
body {
	height: 100%;

	background: $bodyBackgroundColor;

	color: $bodyColor;
	font: $bodyFontWeight $bodyFontSize / #{$bodyLineHeight} $bodyFontFamily;

	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-touch-callout: none;
	-webkit-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
}

a {
	color: $black;
	text-decoration: none;

	&:hover {
		color: lighten($black, 25%);
	}
}

[ng-click]:not([disabled]) {
	cursor: pointer;
}

$bodyBackgroundColor: $brown--light;

$bodyColor: $black;
$bodyFontWeight: 400;
$bodyFontSize: 100%;
$bodyLineHeight: 1.5;
$bodyFontFamily: 'Raleway', 'Segoe UI', 'Helvetica Neue', Helvetica, Tahoma, Arial, sans-serif;

@import url(https://fonts.googleapis.com/css?family=Raleway:400,200,300,700,600,900);

*,
*:after,
*:before {
	@include box-sizing(border-box);
}

:focus {
  outline: none;
}

html,
body {
	height: 100%;

	background: $bodyBackgroundColor;

	color: $bodyColor;
	font: $bodyFontWeight $bodyFontSize / #{$bodyLineHeight} $bodyFontFamily;

	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-touch-callout: none;
	-webkit-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
}

a {
	color: $black;
	text-decoration: none;

	&:hover {
		color: lighten($black, 25%);
	}
}

[ng-click]:not([disabled]) {
	cursor: pointer;
}

Load Google Font with https.
fix(*): Load Google Font with https.
