// Typography @import url('fonts.googleapis.com/css?family=Overpass+Mono:400,700'); $base-font-family: 'Overpass Mono', monospace; $heading-font-family: $base-font-family;

// Font Sizes $base-font-size: 1em;

// Line height $base-line-height: 1.5; $heading-line-height: 1.2;

// Other Sizes $base-border-radius: .52em; $base-spacing: $base-line-height * 1em; $small-spacing: $base-spacing / 2; $base-z-index: 0;

// Colors $primary-color: #000; $action-color: $primary-color; $white-color: fff; $black-color: #000; $blue-color: #0086B3; $dark-gray-color: #333; $medium-gray-color: #999; $light-gray-color: ccc; $accent-color: eeeeee;

// Font Colors $base-font-color: rgba($dark-gray-color, .8);

// Border $base-border-color: $light-gray-color; $base-border: 1px solid $base-border-color;

// Background Colors $base-background-color: $medium-gray-color; $secondary-background-color: tint($base-border-color, 80%);

// Forms $form-box-shadow: inset 0 1px 3px rgba($black-color, 0.06); $form-box-shadow-focus: $form-box-shadow, 0 0 5px adjust-color($action-color, $lightness: -5%, $alpha: -0.3);

// Animations $base-duration: 150ms; $base-timing: ease;