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


// LINK COLORS
// -----------

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


// GRAYS
// -----

@black:             #000;
@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;


// GRID
// ----

// Modify the grid styles in mixins.less
@gridColumns:       12;
@gridColumnWidth:   60px;
@gridGutterWidth:   20px;
@siteWidth:         (@gridColumns * @gridColumnWidth) + (@gridGutterWidth * (@gridColumns - 1));

// Fluid width sidebar
@fluidSidebarWidth: 220px;


// Z-INDEX
// -------

@zindexDropdown:        1000;
@zindexPopover:         1010;
@zindexTooltip:         1020;
@zindexFixedNavbar:     1030;
@zindexModalBackdrop:   1040;
@zindexModal:           1050;


// THEME VARIABLES
// ---------------

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

// Visuals
@primaryButtonColor:    @blue;



@placeHolderText:       @grayLight;