@import "fonts"

/* font stack definitions
$font-stack: "Fira Sans", sans-serif
$medium-font-stack: "Fira Sans Medium", sans-serif
$website-title-font-stack: "Learning Curve Pro"

/* color definitions
$color-mint: #BFCECD
$color-dark-mint: #5A6867
$color-beige: #F5E9E4
$color-light-brown: #D1C1BA
$color-dark-brown: #52453F
$color-white: #FFFFFF

body
  font: 100% $font-stack
  color: $color-dark-brown
  background: $color-mint

h1
  font: 300% $medium-font-stack

h2
  font: 250% $medium-font-stack

h3
  font: 200% $medium-font-stack

#website-title
  font: 300% $website-title-font-stack
  font-weight: normal
  color: $color-white