// Variables.less
// Variables to customize the look and feel of Bootstrap
// -----------------------------------------------------



// GLOBAL VALUES
// --------------------------------------------------

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

// Grays
$black:                 #000;
$grayDarker:            #222;
$grayDark:              #333;
$gray:                  #555;
$grayLight:             #999;
$grayLighter:           #eee;
$white:                 #fff;

// Accent colors
$blue:                  #049cdb;
$blueDark:              #0064cd;
$green:                 #46a546;
$red:                   #9d261d;
$yellow:                #ffc40d;
$orange:                #f89406;
$pink:                  #c3325f;
$purple:                #7a43b6;

// Typography
$baseFontSize:          13px;
$baseFontFamily:        "Helvetica Neue", Helvetica, Arial, sans-serif;
$baseLineHeight:        18px;
$textColor:             $grayDark;

// Buttons
$primaryButtonBackground:    $linkColor;



// COMPONENT VARIABLES
// --------------------------------------------------

// Z-index master list
// Used for a bird's eye view of components dependent on the z-axis
// Try to avoid customizing these :)
$zindexDropdown:        1032;
$zindexPopover:         1010;
$zindexTooltip:         1020;
$zindexFixedNavbar:     1030;
$zindexModalBackdrop:   1040;
$zindexModal:           1050;

// Input placeholder text color
$placeholderText:       $grayLight;

// Navigation Bar ------------------------------------------------------------

//
// The navigation bar (or "navbar") is the primary header for the site that is
// pinned to the top of the page and is responsible for primary navigation and
// other global actions.
//

$navbarHeight:                    64px;
$navbarBackground:                #233137;
$navbarBackgroundHighlight:       #464d53;

$navbarText:                      $grayLight;
$navbarLinkColor:                 rgba(255, 255, 255, 0.9);
$navbarLinkColorHover:            $white;
$navbarLinkColorActive:           $black;

// Form states and alerts
$warningText:             #c09853;
$warningBackground:       #fcf8e3;
$warningBorder:           darken(adjust-hue($warningBackground, -10), 3%);

$errorText:               #b94a48;
$errorBackground:         #f2dede;
$errorBorder:             darken(adjust-hue($errorBackground, -10), 3%);

$successText:             #468847;
$successBackground:       #dff0d8;
$successBorder:           darken(adjust-hue($successBackground, -10), 5%);

$infoText:                #3a87ad;
$infoBackground:          #d9edf7;
$infoBorder:              darken(adjust-hue($infoBackground, -10), 20%);

// Content

$sectionWellBackground: #a4aaad asset-url("cartilage/patterns/background.medium.png", image);

// Source List View

$sourceListBackground: #dee4ea;

// GRID
// --------------------------------------------------

// Default 940px grid
$gridColumns:             12;
$gridColumnWidth:         60px;
$gridGutterWidth:         20px;
$gridRowWidth:            ($gridColumns * $gridColumnWidth) + ($gridGutterWidth * ($gridColumns - 1));

// Fluid grid
$fluidGridColumnWidth:    6.382978723%;
$fluidGridGutterWidth:    2.127659574%;