$body-background-color ?= $scheme-main
$body-size ?= 16px
$body-min-width ?= 300px
$body-rendering ?= optimizeLegibility
$body-family ?= $family-primary
$body-overflow-x ?= hidden
$body-overflow-y ?= scroll

$body-color ?= $text
$body-font-size ?= 1em
$body-weight ?= $weight-normal
$body-line-height ?= 1.5

$code-family ?= $family-code
$code-padding ?= 0.25em 0.5em 0.25em
$code-weight ?= normal
$code-size ?= 0.875em

$small-font-size ?= 0.875em

$hr-background-color ?= $background
$hr-height ?= 2px
$hr-margin ?= 1.5rem 0

$strong-color ?= $text-strong
$strong-weight ?= $weight-bold

$pre-font-size ?= 0.875em
$pre-padding ?= 1.25rem 1.5rem
$pre-code-font-size ?= 1em

html
  background-color $body-background-color
  font-size $body-size
  -moz-osx-font-smoothing grayscale
  -webkit-font-smoothing antialiased
  min-width $body-min-width
  overflow-x $body-overflow-x
  overflow-y $body-overflow-y
  text-rendering $body-rendering
  text-size-adjust 100%

article,
aside,
figure,
footer,
header,
hgroup,
section
  display block

body,
button,
input,
optgroup,
select,
textarea
  font-family $body-family

code,
pre
  -moz-osx-font-smoothing auto
  -webkit-font-smoothing auto
  font-family $code-family

body
  color $body-color
  font-size $body-font-size
  font-weight $body-weight
  line-height $body-line-height

// Inline

a
  color $link
  cursor pointer
  text-decoration none
  strong
    color currentColor
  &:hover
    color $link-hover

code
  background-color $code-background
  color $code
  font-size $code-size
  font-weight $code-weight
  padding $code-padding

hr
  background-color $hr-background-color
  border none
  display block
  height $hr-height
  margin $hr-margin

img
  height auto
  max-width 100%

input[type="checkbox"],
input[type="radio"]
  vertical-align baseline

small
  font-size $small-font-size

span
  font-style inherit
  font-weight inherit

strong
  color $strong-color
  font-weight $strong-weight

// Block

fieldset
  border none

pre
  overflow-touch()
  background-color $pre-background
  color $pre
  font-size $pre-font-size
  overflow-x auto
  padding $pre-padding
  white-space pre
  word-wrap normal
  code
    background-color transparent
    color currentColor
    font-size $pre-code-font-size
    padding 0

table
  td,
  th
    vertical-align top
    &:not([align])
      text-align inherit
  th
    color $text-strong
