// Global variables.

// Font size.
@font-family: "Segoe UI", "Lucida Grande", Helvetica, Arial, "Microsoft YaHei", FreeSans , Arimo, "Droid Sans", "wenquanyi micro hei", "Hiragino Sans GB", "Hiragino Sans GB W3", FontAwesome, sans-serif;
@font-size-base: 14px;
@font-text-color: #333333;
@font-link-color: #009DE4;
@link-hover-color: @font-link-color;
@link-hover-decoration: none;

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

// Color.
@color-white:   #FFFFFF;
@color-infor:   #009DE4;
@color-danger:  #d9534f;
@color-success: #5cb85c;
@color-warning: #f0ad4e;
@color-primary: #337ab7;
@color-default: #DDDDDD;
@color-disable: #EEEEEE;

@reverse-color-white:   @color-disable;
@reverse-color-infor:   @color-white;
@reverse-color-danger:  @color-white;
@reverse-color-success: @color-white;
@reverse-color-warning: @color-white;
@reverse-color-primary: @color-white;
@reverse-color-default: @color-disable;

// Color status.
@color-status: default, primary, warning, success, danger, infor, white;

//== Media queries breakpoints
//
//## Define the breakpoints at which your layout will change, adapting to different screen sizes.

// Extra small screen / phone
//** Deprecated `@screen-xs` as of v3.0.1
@screen-xs:                  480px;
//** Deprecated `@screen-xs-min` as of v3.2.0
@screen-xs-min:              @screen-xs;
//** Deprecated `@screen-phone` as of v3.0.1
@screen-phone:               @screen-xs-min;

// Small screen / tablet
//** Deprecated `@screen-sm` as of v3.0.1
@screen-sm:                  768px;
@screen-sm-min:              @screen-sm;
//** Deprecated `@screen-tablet` as of v3.0.1
@screen-tablet:              @screen-sm-min;

// Medium screen / desktop
//** Deprecated `@screen-md` as of v3.0.1
@screen-md:                  992px;
@screen-md-min:              @screen-md;
//** Deprecated `@screen-desktop` as of v3.0.1
@screen-desktop:             @screen-md-min;

// Large screen / wide desktop
//** Deprecated `@screen-lg` as of v3.0.1
@screen-lg:                  1200px;
@screen-lg-min:              @screen-lg;
//** Deprecated `@screen-lg-desktop` as of v3.0.1
@screen-lg-desktop:          @screen-lg-min;

// So media queries don't overlap when required, provide a maximum
@screen-xs-max:              (@screen-sm-min - 1);
@screen-sm-max:              (@screen-md-min - 1);
@screen-md-max:              (@screen-lg-min - 1);
