// ------------------------------------------------------------------- //
// Project Settings
// ------------------------------------------------------------------- //

// Visually highlight any potential markup/accessibility quirks
$debug-mode:          false !default;

// Use media objects
$use-media:           false !default;

// Use sticky footer, if true, alter $footer-height to proper value
$sticky-footer:       false !default;
$footer-height:       60px;

// If sprite sheet required, input relative URL and sprite-grid
// If not required, feel free to comment these out
$sprite-sheet-loc:    "sprite sheet url.png";
$sprite-sheet-grid:   36px;


// ------------------------------------------------------------------- //
// Typographic Variables
// ------------------------------------------------------------------- //

$base-font-family:    $helvetica !default;
$base-font-size:      14px !default;
$base-line-height:    24px !default;
$base-font-color:     #333 !default;

$giga-size:           96px !default;
$mega-size:           72px !default;
$kilo-size:           48px !default;

$h1-size:             42px !default;
$h2-size:             36px !default;
$h3-size:             24px !default;
$h4-size:             20px !default;
$h5-size:             18px !default;
$h6-size:             16px !default;

$milli-size:          12px !default;
$micro-size:          10px !default;


// ------------------------------------------------------------------- //
// Brand Variables
// ------------------------------------------------------------------- //

$brand-font-family:   $helvetica !default;
$brand-color:         #333 !default;;
$brand-round:         3px !default;

$link-color:          #bebebe !default;


// ------------------------------------------------------------------- //
// Typographic Variable Calls
// ------------------------------------------------------------------- //

// Font-Size + Line Height
// https://twitter.com/redclov3r/status/250301539321798657

@mixin font-size($font-size, $line-height:true){
	font-size: $font-size;
	line-height: ceil($font-size / $base-line-height) * ($base-line-height / $font-size) + em;
}

html{
	font-family: $base-font-family;
	font-size: $base-font-size;
	color: $base-font-color;
}

%giga{
	@include font-size($giga-size);
}
%mega{
	@include font-size($mega-size);
}
%kilo{
	@include font-size($kilo-size);
}

h1, h2, h3, h4, h5, h6{
	font-family: $brand-font-family;
}
h1,
%alpha{
	@include font-size($h1-size);
}
h2,
%bravo{
	@include font-size($h2-size);
}
h3,
%charlie{
	@include font-size($h3-size);
}
h4,
%delta{
	@include font-size($h4-size);
}
h5,
%echo{
	@include font-size($h5-size);
}
h6,
%foxtrot{
	@include font-size($h6-size);
}

.smallprint,
%milli{
	@include font-size($milli-size);
}
%micro{
	@include font-size($micro-size);
}

a{
	color: $link-color;
	@include transition(all .3s linear);
	
	&:hover, &:focus{
		color: lighten($link-color, 15%);
	}
}

// ------------------------------------------------------------------- //
// Custom Selection Text
// ------------------------------------------------------------------- //

::selection,
::-moz-selection {
	background: $brand-color;
	color: #fff;
}
img::selection,
img::moz-selection{
	background: transparent;
}
body{
	-webkit-tap-highlight-color: $brand-color;
}

// ------------------------------------------------------------------- //
// Base Project Spacing
// ------------------------------------------------------------------- //

$base-spacing-unit: $base-line-height !default;
$half-spacing-unit: $base-spacing-unit / 2 !default;
$line-height-ratio: $base-line-height / $base-font-size;