// colors
$accentColor = darken(#abcdef, 20%)
$textColor = #2c3e50
$borderColor = #eaecef
$codeBgColor = #282c34
$arrowBgColor = #ccc
$badgeTipColor = #42b983
$badgeWarningColor = darken(#ffe564, 35%)
$badgeErrorColor = #DA5961

// layout
$navbarHeight = 3.6rem
$sidebarWidth = 20rem
$contentWidth = 740px
$homePageWidth = 960px

// responsive breakpoints
$MQNarrow = 959px
$MQMobile = 719px
$MQMobileNarrow = 419px

// custom
$noteColor = lighten($borderColor, 10%)
$warningColor = #ff6633
$warningTextColor = #333333
$warningInlineCodeColor = #eeeeee
$horizontalMargin = 1.5rem