//
// Variables
// --------------------------------------------------


// Colors
//
$gray-darker:             #3F3F44 !default;
$gray-dark:               #596981 !default;
$gray:                    #96A3B6 !default;
$gray-light:              #CFD7E6 !default;
$gray-lighter:            #EEF1F6 !default;

$gray-lightest:           tint($gray-lighter, 50%);

$brand-primary:           #79589F !default;
$brand-primary-alt:       #AB8ECD !default;

$brand-success:           #74C080 !default;
$brand-success-alt:       #ADE28F !default;

$brand-info:              #408FEC !default;
$brand-info-alt:          #A1CAF9 !default;

$brand-warning:           #FA9F47 !default;
$brand-warning-alt:       #FFD3A0 !default;

$brand-danger:            #D64242 !default;
$brand-danger-alt:        #F37A65 !default;

$color-dropbox:           #007EE5;
$color-github:            #3F3F44;

$color-updated:           tint($brand-warning, 85%);

// Scaffolding
//
$text-color: $gray-darker;
$link-color: $brand-primary;
$link-hover-color: shade($link-color, 20%);
$abbr-border-color: tint($brand-primary, 70%);

// Typography
//
$font-family-sans-serif: benton-sans, 'Helvetica Neue', helvetica, arial, sans-serif;
$headings-font-weight: 200;
$headings-color: $brand-primary;
$headings-small-color: $gray;
$blockquote-small-color: $gray;
$webfont-path: 'https://www.herokucdn.com/fonts' !default;

// Buttons
//
$btn-default-color: $brand-primary;
$btn-default-border: $brand-primary;

$btn-primary-bg: $brand-primary;
$btn-primary-bg-alt: $brand-primary-alt;
$btn-primary-border: $brand-primary;

$btn-success-bg: $brand-success;
$btn-success-bg-alt: $brand-success-alt;
$btn-success-border: $brand-success;

$btn-info-bg: $brand-info;
$btn-info-bg-alt: $brand-info-alt;
$btn-info-border: $brand-info;

$btn-warning-bg: $brand-warning;
$btn-warning-bg-alt: $brand-warning-alt;
$btn-warning-border: $brand-warning;

$btn-danger-bg: $brand-danger;
$btn-danger-bg-alt: $brand-danger-alt;
$btn-danger-border: $brand-danger;

$btn-dropbox-bg: $color-dropbox;
$btn-dropbox-bg-alt: #3297EA;

$btn-github-bg: $color-github;
$btn-github-bg-alt: #616165;

$btn-link-disabled-color: $gray-lighter;

// Forms
//
$input-color: $text-color;
$input-border: $gray-light;
$input-border-radius: 4px;
$input-border-focus: $brand-primary;
$input-color-placeholder: $gray-light;
$input-bg-disabled: tint($gray-lighter, 70%);

// Dropdowns
//
$dropdown-border: rgba(#000, .05);

// States
//
$state-default-text: $brand-primary;
$state-default-bg: tint($brand-primary, 95%);
$state-default-border: tint($brand-primary, 60%);

$state-success-text: $brand-success;
$state-success-bg: tint($brand-success, 95%);
$state-success-border: tint($brand-success, 60%);

$state-info-text: $brand-info;
$state-info-bg: tint($brand-info, 95%);
$state-info-border: tint($brand-info, 60%);

$state-warning-text: $brand-warning;
$state-warning-bg: tint($brand-warning, 95%);
$state-warning-border: tint($brand-warning, 60%);

$state-danger-text: $brand-danger;
$state-danger-bg: tint($brand-danger, 95%);
$state-danger-border: tint($brand-danger, 60%);

// Code
//
$code-color: $gray-dark;
$code-bg: tint($gray-lighter, 40%);

$kbd-color: $gray-lighter;
$kbd-bg: $gray-dark;

$pre-bg: tint($gray-lighter, 40%);
$pre-color: $gray-dark;
$pre-border-color: $gray-lighter;

// Tables
//
$table-bg-accent: tint($gray-lighter, 70%);
$table-bg-hover: tint($gray-lighter, 70%);
$table-border-color: tint($gray-light, 50%);

// List Groups
//
$list-group-border: tint($gray-light, 50%);
$list-group-border-radius: none;
$list-group-hover-bg: tint($gray-lighter, 50%);
$list-group-active-bg: white;
$list-group-active-border: $list-group-border;
$list-group-active-color: $brand-info;
$list-group-active-text-color: $list-group-active-color;
$list-group-active-indicator: $list-group-active-color;
$list-group-link-heading-color: $text-color;
$list-group-item-padding: 10px;

// Modals
//
$modal-backdrop-bg: $gray-dark;
$modal-backdrop-opacity: 0.85;

// Alerts
//
$alert-padding: 10px !default;
$alert-link-font-weight: normal !default;

$alert-default-bg:            $state-default-bg;
$alert-default-text:          $state-default-text;
$alert-default-border:        $state-default-border;

$alert-success-bg:            $state-success-bg;
$alert-success-text:          $state-success-text;
$alert-success-border:        $state-success-border;

$alert-info-bg:               $state-info-bg;
$alert-info-text:             $state-info-text;
$alert-info-border:           $state-info-border;

$alert-warning-bg:            $state-warning-bg;
$alert-warning-text:          $state-warning-text;
$alert-warning-border:        $state-warning-border;

$alert-danger-bg:             $state-danger-bg;
$alert-danger-text:           $state-danger-text;
$alert-danger-border:         $state-danger-border;

// Dropdowns
//
$dropdown-border:             tint($gray-light, 50%);
$dropdown-fallback-border:    tint($gray-light, 50%);
$dropdown-divider-bg:         tint($gray-light, 50%);
$dropdown-link-color:         $gray-dark;
$dropdown-link-hover-color:   $gray-darker;
$dropdown-link-hover-bg:      $list-group-hover-bg;

// Wells
//
$well-bg:                     rgba($gray-lighter, .5);
$well-border:                 rgba($gray-dark, .1);

// Spacing
//
$space-xxlarge: 40px;
$space-xlarge: 33px;
$space-large: 27px;
$space-xmedium: 22px;
$space-medium: 20px;
$space-small: 12px;
$space-xsmall: 9px;
$space-xxsmall: 6px;