/* Base */
/* ---- */

$lineHeightToSizeRatio: 20/14;

$baseFontFamily:  "Helvetica Neue", Helvetica, Arial, sans-serif;
$baseFontSize:    14px;
$baseLineHeight:  $baseFontSize * $lineHeightToSizeRatio;

$fontSize0: ($baseFontSize * 0.85);    /* ~12px */
$fontSize1: $baseFontSize;             /*  14px */
$fontSize2: ($baseFontSize * 1.25);    /* ~18px */
$fontSize3: ($baseFontSize * 1.75);    /* ~24px */

$lineHeight0: ($baseLineHeight * 0.75); /* 15px */;
$lineHeight1: $baseLineHeight;          /* 20px */
$lineHeight2: ($baseLineHeight * 1.25); /* 25px */
$lineHeight3: ($baseLineHeight * 1.50); /* 30px */

$imgHeight0: $lineHeight0 * 0.8; /* 12px */;
$imgHeight1: $lineHeight1 * 0.8; /* 16px */
$imgHeight2: $lineHeight2 * 0.8; /* 20px */
$imgHeight3: $lineHeight3 * 0.8; /* 24px */

$spacingSize1: $baseLineHeight / 2;
$spacingSize0: $spacingSize1 * 0.35;
$spacingSize2: $spacingSize1 * 2;

$inputHeight: ($baseLineHeight / 2) * 3; /* 30px */
$inputFilterHeight: $baseLineHeight;     /* 20px */

$inputSize1: 220px;
$inputSize0: $inputSize1 - 120px;
$inputSize2: $inputSize1 + 120px;

$notAllowedCursor: not-allowed;

/* colors */

$baseColor:     #444;
$altColor:      #444;
$disabledColor: #999;

$baseBgColor:    #fff;
$altBgColor:     #ececec;
$stripedBgColor: #fafafa;
$bgColorHover:   #f5f5f5;

$baseBorderColor:  #ccc;
$altBorderColor:   #fff;

$linkColor:      #08c;
$linkColorHover: darken($linkColor, 15%);

$inputBgColor:          #fff;
$inputAltBgColor:       #eee;
$inputColor:            #444;
$inputDisabledColor:    #eee;
$inputFocusColor:       rgba(82, 168, 236, 0.8);
$inputHighlightBgColor: #3c83c7;

$btnBorder:                     $baseBorderColor;
$btnBackground:                 $baseBgColor;
$btnBackgroundHighlight:        darken($btnBackground, 10%);
$btnColor:                      $baseColor;
$btnColorHover:                 #333;

$btnAltBackground:              $altBgColor;
$btnAltBackgroundHighlight:     darken($btnAltBackground, 10%);
$btnAltColor:                   $btnColor;

$btnPrimaryBackground:          $linkColor;
$btnPrimaryBackgroundHighlight: adjust_hue($btnPrimaryBackground, 20%);
$btnPrimaryColor:               #fff;

$btnWarningBackgroundHighlight: #f89406;
$btnWarningBackground:          lighten($btnWarningBackgroundHighlight, 15%);
$btnWarningColor:               #fff;

$btnDangerBackground:           #ee5f5b;
$btnDangerBackgroundHighlight:  #bd362f;
$btnDangerColor:                #fff;

$btnInfoBackground:             #5bc0de;
$btnInfoBackgroundHighlight:    #2f96b4;
$btnInfoColor:                  #fff;

$btnSuccessBackground:          #62c462;
$btnSuccessBackgroundHighlight: #51a351;
$btnSuccessColor:               #fff;

$btnInverseBackground:          #444;
$btnInverseBackgroundHighlight: #222;
$btnInverseColor:               #fff;

$baseText:               $baseColor;
$baseTextHover:          $baseText;
$baseBackground:         $baseBgColor;
$baseBackgroundHover:    $baseBackground;
$baseBorder:             $baseBorderColor;

$altText:                $altColor;
$altTextHover:           $altColor;
$altBackground:          $altBgColor;
$altBackgroundHover:     $altBackground;
$altBorder:              $altBorderColor;

$mutedText:              #999999;
$mutedTextHover:         darken($mutedText, 10%);
$mutedBackground:        #f9f9f9;
$mutedBackgroundHover:   darken($mutedBackground, 5%);
$mutedBorder:            darken(adjust_hue($mutedBackground, -10), 5%);

$warningText:            #c09853;
$warningTextHover:       darken($warningText, 10%);
$warningBackground:      #fcf8e3;
$warningBackgroundHover: darken($warningBackground, 5%);
$warningBorder:          darken(adjust_hue($warningBackground, -10), 3%);

$errorText:              #b94a48;
$errorTextHover:         darken($errorText, 10%);
$errorBackground:        #f2dede;
$errorBackgroundHover:   darken($errorBackground, 5%);
$errorBorder:            darken(adjust_hue($errorBackground, -10), 3%);

$infoText:               #3a87ad;
$infoTextHover:          darken($infoText, 10%);
$infoBackground:         #d9edf7;
$infoBackgroundHover:    darken($infoBackground, 5%);
$infoBorder:             darken(adjust_hue($infoBackground, -10), 7%);

$successText:            #468847;
$successTextHover:       darken($successText, 10%);
$successBackground:      #dff0d8;
$successBackgroundHover: darken($successBackground, 5%);
$successBorder:          darken(adjust_hue($successBackground, -10), 5%);

$inverseText:            #ffffff;
$inverseTextHover:       darken($inverseText, 10%);
$inverseBackground:      #444444;
$inverseBackgroundHover: darken($inverseBackground, 5%);
$inverseBorder:          darken(adjust_hue($inverseBackground, -10), 3%);

$tabBgColor:       $altBgColor;
$tabBgColorHover:  darken($altBgColor, 5%);
$tabBgColorActive: #222;
$tabColor:         $baseColor;
$tabColorActive:   #fff;
$tabColorDisabled: $disabledColor;

$tooltipBgColor:   #222;
$tooltipColor:     #eee;

/* borders */

$borderSize1: 1px;
$borderSize0: $borderSize1 * 1;
$borderSize2: $borderSize1 * 2;

$borderRadius1: 4px;
$borderRadius0: 2px;
$borderRadius2: 6px;

/* tabs */

$tabDividerSize: 4px;

/* z-index */

$tooltipZIndex:  1100;
$dropdownZIndex: 1200;
// 1300 is reserved for app specific things like nav bars, etc
// modals should appear on top of everything though
$modalZIndex:    1400;