// BODY
$body-background  : #fff !default;
$body-font-color  : #222 !default;
$body-font-weight : normal !default;
$body-font-style  : normal !default;

// Compass' VERTICAL RHYTM
// note: variable for $body-font-size and $body-line-height is in _base.scss due to it being used in em conversion
$base-font-size   : $body-font-size;
$base-line-height : $body-line-height;

// FONT FAMILY
$header-font-family : "Helvetica Neue", "Helvetica", Helvetica, Arial, "sans-serif" !default;
$body-font-family   : "Helvetica", Helvetica, Arial, "sans-serif" !default;

// HEADER
$h1-font-size : 44px !default;
$h2-font-size : 36px !default;
$h3-font-size : 28px !default;
$h4-font-size : 22px !default;
$h5-font-size : 18px !default;
$h6-font-size : 16px !default;

$header-font-color  : $body-font-color !default;
$header-font-weight : 700 !default;

// PARAGRAPH
$p-margin-bottom    : 1.5em !default;

// LIST
$ul-parent-style  : disc !default;
$ul-child-style   : circle !default;

$ol-parent-style  : decimal !default;
$ol-child-style   : lower-alpha !default;

@mixin vertical-rhythm($font-size:$base-font-size, $line-height:1.5) {
	$base-font-size   : $font-size;
	$base-line-height : $font-size * $line-height;

	font-size   : em($font-size);
	line-height : $line-height;
	
	h1 { @include adjust-font-size-to($h1-font-size); @include adjust-leading-to(2, $h1-font-size); }
	h2 { @include adjust-font-size-to($h2-font-size); }
	h3 { @include adjust-font-size-to($h3-font-size); }
	h4 { @include adjust-font-size-to($h4-font-size); }
	h5 { @include adjust-font-size-to($h5-font-size); }
	h6 { @include adjust-font-size-to($h6-font-size); }
	
	p {
		@include trailer(1);
		&:last-child {
			@include trailer(0);
		}
		+ ul,
		+ ol {
			@include trailer(1);
		}
	}
}

@mixin baseline($font-size:$base-font-size, $line-height:1.5) {
	@include background(
		linear-gradient(to bottom, rgba(black, 0) 95%, rgba(black, .3) 100%)
	);
	background-size: 100% em($font-size * $line-height, $font-size);
}

@if $include-typography {

/* ------------------
EDGE Typography
--------------------- */

body {
	position: relative;
	background: $body-background;
	font-size: $base-font-size;
	font-family: $body-font-family;
	font-weight: $body-font-weight;
	font-style: $body-font-style;
	line-height: $base-line-height;
	color: $body-font-color;
}

.baseline {
	@include baseline();
}

h1, h2, h3, h4, h5, h6, header {
	color: $header-font-color;
	font-family: $header-font-family;
}

h1 { font-size: em($h1-font-size); }
h2 { font-size: em($h2-font-size); }
h3 { font-size: em($h3-font-size); }
h4 { font-size: em($h4-font-size); }
h5 { font-size: em($h5-font-size); }
h6 { font-size: em($h6-font-size); }

p {
	margin-top: 0;
	margin-bottom: $p-margin-bottom;
	&:last-child {
		margin-bottom: 0;
	}
}

ul, ol {
	list-style-type: none; // Clear bullet or numbering on plain <ul>

	&.inline-list {
		@include clearfix();

		> li {
			display: inline-block;
			float: left;
			vertical-align: top;
		}
	}
}

ul.bullet-list, ol {
	position: relative;
	counter-reset: ul-counter;
	padding-left: em(30px);
	margin-bottom: $p-margin-bottom;

	> li:before {
		position: absolute;
		left: 0;
		content: counter(ul-counter, $ul-parent-style);
		counter-increment: ul-counter;
	}

	ul.bullet-list {
		margin-bottom: 0;
		> li:before {
			content: counter(ul-counter, $ul-child-style);
		}
	}
}

ol {
	> li:before {
		content: counter(ul-counter, $ol-parent-style) ".";
	}
	ol {
		margin-bottom: 0;
		> li:before {
			content: counter(ul-counter, $ol-child-style) ".";
		}
	}
}

// ol {
// 	position: relative;
// 	counter-reset: ol-counter;

// 	li:before {
// 		position: absolute;
// 		left: 0;
// 		content: counter(ol-counter, $ol-parent-style);
// 		counter-increment: ol-counter;
// 	}
// }

.counter-bullet {
	position: relative;
	counter-reset: my-counter;
	padding-left: em(30px);

	li:before {
		position: absolute;
		left: 0;
		content: counter(my-counter, disc);
		counter-increment: my-counter;
	}
}
.counter-number {
	position: relative;
	counter-reset: my-counter;
	padding-left: em(30px);
	
	li {
		line-height: 1.5;
	}

	li:before {
		position: absolute;
		left: 0;
		content: counter(my-counter, decimal);
		counter-increment: my-counter;
	}
}

blockquote {
  cite {
    display: block;
  }
}

} // include-typography