$viewport-m = 32rem
$viewport-l = 48rem
$font-size = 12px
$font-size-m = 15px
$font-size-l = 16px
$font-weight = 400
$font-color = #333333
$font-family = "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif
$monospace-font-family = "Monaco", "Lucida Console", Courier, monospace
// Stylus will automatically convert the rgba values to hex
// if they alpha value is 1. So, it will default to .99 to
// avoid this.
$alpha-value = 0.99
$gray-light-5 = rgba(#d8d8d8, $alpha-value)
$gray-light-8 = rgba(#fafafa, $alpha-value)
$gray-mid-6 = rgba(#909090, $alpha-value)
$gray-dark-9 = rgba(#484848, $alpha-value)
$red = #e74c3c
$orange = #f39c12
$blue = #3498db
$green = #25ba84
$off-white = $gray-light-8
$light-gray = $gray-light-5
$mid-gray = $gray-mid-6
$dark-gray = $gray-dark-9
$white = white
$link-color = $blue
$border-radius = 3px
$measure-width = 48rem