// Brand colors
// -------------------------
@brand-primary:         lighten(@body-bg, 40%);;
@brand-secondary:		lighten(@body-bg, 20%);;
@brand-alt:				#fff;


// Scaffolding
// -------------------------
@body-bg:               #111;
@text-color:            #ccc;


// Typography
// -------------------------
@font-family-sans-serif:  "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
@headings-font-family:    @font-family-sans-serif;
@headings-font-weight:    300;
@headings-color:          #eee;

@font-size-base:          14px;
@font-size-large:         ceil((@font-size-base * 1.25)); // ~18px
@font-size-small:         ceil((@font-size-base * 0.85)); // ~12px

@font-size-h1:            floor((@font-size-base * 2.0)); // ~36px
@font-size-h2:            floor((@font-size-base * 1.6)); // ~30px
@font-size-h3:            ceil((@font-size-base * 1.4)); // ~24px
@font-size-h4:            ceil((@font-size-base * 1.25)); // ~18px
@font-size-h5:            @font-size-base;
@font-size-h6:            ceil((@font-size-base * 0.85)); // ~12px

@line-height-base:        1.625;
@line-height-computed:    floor((@font-size-base * @line-height-base)); // ~20px


// Components
// -------------------------
// Based on 14px font-size and 1.428 line-height (~20px to start)

@padding-base-vertical:     5px;
@padding-base-horizontal:   15px;

@padding-large-vertical:    12px;
@padding-large-horizontal:  24px;

@border-radius-base:        0;
@border-radius-base:        0;
@border-radius-large:       0;
@border-radius-small:       0;


// Tables
// -------------------------

@table-condensed-cell-padding:   3px;
@table-border-color:             lighten(@body-bg, 10%);

// Buttons
// -------------------------

@btn-default-color:              @text-color;
@btn-default-bg:                 @brand-secondary;
@btn-default-border:             @btn-default-bg;

@btn-primary-color:              @brand-alt;
@btn-primary-bg:                 @brand-primary;
@btn-primary-border:             @brand-primary;

@btn-success-color:              @brand-alt;
@btn-success-bg:                 @brand-success;
@btn-success-border:             darken(@btn-success-bg, 5%);

@btn-warning-color:              @text-color;
@btn-warning-bg:                 @brand-warning;
@btn-warning-border:             darken(@btn-warning-bg, 5%);

@btn-danger-color:               @brand-alt;
@btn-danger-bg:                  @brand-danger;
@btn-danger-border:              darken(@btn-danger-bg, 5%);

@btn-info-color:                 @text-color;
@btn-info-bg:                    @brand-info;
@btn-info-border:                darken(@btn-info-bg, 5%);

@btn-link-disabled-color:        @gray-light;


// Forms
// -------------------------
@input-bg:                       lighten(@body-bg, 5%);
@input-bg-disabled:              darken(@input-bg, 10%);

@input-color:                    @text-color;
@input-border:                   lighten(@input-bg, 5%);
@input-border-radius:            0;
@input-border-focus:             @text-color;

@input-height-large:             (ceil(@font-size-base * @line-height-large) + (@padding-large-vertical * 2) + 2);

@legend-color:                   @text-color;
@legend-border-color:            lighten(@body-bg, 10%);


// Grid system
// -------------------------
@grid-columns:              12;
@grid-gutter-width:         30px;
@grid-float-breakpoint:     @screen-sm-min;
@grid-float-breakpoint-max: (@grid-float-breakpoint - 1);


// Navbar
// -------------------------
@navbar-height:                    50px;
@navbar-margin-bottom:             0;
@navbar-default-color:             #000;
@navbar-default-bg:                lighten(@body-bg, 10%);
@navbar-default-border:            transparent;
@navbar-default-link-color:        @brand-primary;
@navbar-default-link-hover-color:          @brand-alt;
@navbar-default-link-hover-bg:             @brand-primary;
@navbar-default-link-active-color:         @brand-alt;
@navbar-default-link-active-bg:            @brand-primary;
@navbar-default-link-disabled-color:       #ccc;
@navbar-default-link-disabled-bg:          transparent;


// Dropdowns
// -------------------------
@dropdown-bg:                    lighten(@body-bg, 10%);
@dropdown-border:                lighten(@body-bg, 10%);
@dropdown-fallback-border:       lighten(@body-bg, 10%);
@dropdown-divider-bg:            #555;

@dropdown-link-color:            @gray-dark;
@dropdown-link-hover-color:      @brand-alt;
@dropdown-link-hover-bg:         lighten(@body-bg, 20%);

@dropdown-link-active-color:     @component-active-color;
@dropdown-link-active-bg:        @component-active-bg;

@dropdown-link-disabled-color:   @gray-light;

@dropdown-header-color:          @gray-light;


// Modals
// -------------------------

@modal-content-bg:                             lighten(@body-bg, 10%);
//** Modal content border color
@modal-content-border-color:                   rgba(0,0,0,.2);
//** Modal content border color **for IE8**
@modal-content-fallback-border-color:          lighten(@body-bg, 5%);
//** Modal backdrop background color
@modal-backdrop-bg:           #000;
//** Modal backdrop opacity
@modal-backdrop-opacity:      .8;
//** Modal header border color
@modal-header-border-color:   lighten(@body-bg, 15%);
//** Modal footer border color
@modal-footer-border-color:   @modal-header-border-color;