// Typography
$font-family-base: 'Work Sans', sans-serif;
$font-family-sub:  'Work Sans', sans-serif;

$font-size-base:   18px;
$line-height-base: 1.5;

$font-size-mobile: 14px;

$font-weight-base-normal: 600;
$font-weight-base-bold:   700;

$font-weight-sub-normal:  400;
$font-weight-sub-bold:    700;

$font-size-small: 0.85rem;

$spacing-unit: 1em;

// Color Scheme
$text-color:            #eee;
$text-color-light:      #ccc;
$title-color:           #bbb;

$background-color:      #222;

$brand-color-base:      #444;
$brand-color-sub:       #ddd;

$white-color:           #fff;

$grey-color:   lighten($text-color-light, 20%);
$border-color: #444;

// Max width of the content area
$content-width: 800px;

// Breakpoints
$reflow-point:  860px;