@import 'fonts'
@import 'variables'
@import 'themes/light'
@import 'mixins'
@import 'tables'


// Base styles
body
  line-height: 1.6
  color: $primary-color
  background-color: $background-color
  padding: 1em
  max-width: 800px
  margin: 0 auto

// Headers
@each $header, $props in $header-styles
  #{$header}
    font-family: $secondary-font
    font-weight: bold
    color: map-get($props, color)
    font-size: map-get($props, size)

    margin-top: 1.5em
    margin-bottom: 0.5em
    line-height: 1.2

    text-transform: capitalize

h3
  text-transform: uppercase


// remember to use toggle!
@include remove-section-number(h3)
@include remove-section-number(h4)

p
  margin-bottom: 1em

a
  @include link-primary

a.secondary
  @include link-secondary

a.inverse
  @include link-inverse


ul, ol
  margin-bottom: 1em
  padding-left: 1.5em

li
  margin-bottom: 0.5em

blockquote
  border-left: 4px solid $secondary-color
  padding-left: 1em
  color: $secondary-color
  margin: 1.5em 0

pre, code
  font-family: "Courier New", monospace
  background-color: $code-bg-color
  padding: 0.2em 0.4em
  border-radius: 3px

pre
  padding: 1em
  overflow-x: auto

table
  width: 100%
  border-collapse: collapse
  margin-bottom: 1em

th, td
  border: 1px solid $table-border-color
  padding: 0.5em
  text-align: left

th
  background-color: lighten($background-color, 10%)
  font-weight: bold


div#postamble
  border-top: dashed 1px black
  margin-top: 3em
  padding-top: 1em