/* Theme.less
 * Customizable set of settings and tweaks for Bootstrap development
 * ----------------------------------------------------------------- */


/*
  Why Theme.less?
  ---------------
  Theme is a layer that has been added to Bootstrap to simplify the customization process for developers and designers. The goal of Theme is to provide a single point of customization within Bootstrap so you don't have to modify the core files.

  How to use it
  -------------
  We repeat the default variables' values here for easy replacement. Simply modify any of these values and recompile Bootstrap for a more customize look and feel.

  Extending it
  ------------
  Feel free to create and add new variables and mixins here. The goal is to make this your playground and keep the core files intact.
*/


// Font face, size, weight, and more
----------------------------------------
@baseFontSize:          13px; // base font-size
@baseLineHeight:        18px; // base line-height of elements (incrementally increases with font-size)


// Link color
-----------------
@linkColor:             #0069d6;
// No need to specify a link hover color because we'll automatically do that for you in Preboot


// Primary button color
--------------------------------
@primaryButtonColor:    #333;


// Grid system
------------------------------------
// Griditude
@gridColumns:       16;
@gridColumnWidth:   40px;
@gridGutterWidth:   20px;
@siteWidth:         (@gridColumns * @gridColumnWidth) + (@gridGutterWidth * (@gridColumns - 1));


/*
TODO:
- move primary button color here
- add ability to set app/site-wide base font-face (need better variables: @baseFontSize, @baseFontFace, @baseLineHeight, etc)
- make form inputs and tables apply the new global type changes (currently statically set)
- add new docs section for examples
- add new docs section for Theme.less
*/