// ----------------------------------
//   Paths
// ----------------------------------
@base-path:		'..';
@image-path:	'@{base-path}/img';

// ----------------------------------
//   Colors
// ----------------------------------
@gray-lightest: #f9f9f9;
@gray-light:    #dcdcdc;
@gray-dark:     #444;
@gray-darker:   #202020;
@black:         #000;
@white:         #fff;

// Text
@text-color:				#333;
@text-secondary-color:		#666;
@text-light-color:			#f1f1f1;

// Layout
@foreground-color:   		@white;
@body-bg:  					#f5f5f8;
@hover-color:               @gray-lightest;
@border-color: 				@gray-light;

// Brand
@brand-color:       		#03a9f4;
@brand-info:        		hsl(210, 70%, 50%);
@google-color:				#db4437;
@github-color:				#4183c4;
@gitlab-color:              #548;
@linkedin-color:            #0077B5;

// ----------------------------------
//   Font
// ----------------------------------

@font-size-base:          15px;
@font-size-navigation:	  20px;
@text-size-large:         20px;
@font-size-small:         14px;

@font-family-sans-serif:  "Helvetica Neue", Helvetica, Arial, sans-serif;
//@font-family-sans-serif:   'Open Sans', sans-serif;
@font-family-serif:       Georgia, "Times New Roman", Times, serif;
//** Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`.
@font-family-monospace:   Menlo, Monaco, Consolas, "Courier New", monospace;
@font-family-base:        @font-family-sans-serif;

// ----------------------------------
//   Layout
// ----------------------------------
@header-text-shadow:					1px 3px 4px rgba(0, 0, 0, 0.45);

// navigation
@navbar-breakpoint-min:                 @screen-md-min;


@navbar-height:                         60px;
@navbar-link-vertical-spacing:          8px;
@navbar-link-underline-height:          2px;
@navbar-link-spacing:                   20px;

@navbar-background:                     fade(#1d7ed1, 50%);
@navbar-link-text-shadow: 				0px 2px 1px rgba(0, 0, 0, 0.3);
@navbar-link-color:             		white;
@navbar-link-hover-color:       		lighten(@navbar-link-color, 10%);
@navbar-link-hover-underline:   		@navbar-link-color;

@navbar-link-active-color:      		@navbar-link-color;
@navbar-link-active-underline:  		@navbar-link-color;

@navbar-brand-color:            		@brand-color;
@navbar-brand-hover-color:      		darken(@brand-color, 15%);

// User menu
@usermenu-button-bg:                    @navbar-background;
@usermenu-button-hover-bg:              darken(@usermenu-button-bg, 8%);

// Footer
@footer-height:             80px;
@footer-border-color:       @border-color;
@footer-text-color:			@text-secondary-color;
@footer-link-color:			@footer-text-color;
@footer-link-hover-color:	darken(@footer-link-color, 10%);

// ----------------------------------
//   Buttons
// ----------------------------------
@button-bg-color:		    #f1f1f1;
@button-hover-color:		darken(@button-bg-color, 10%);
@button-border:				darken(@button-bg-color, 10%);
@button-shadow:				0 2px 2px 0 rgba(0, 0, 0, 0.12),
							0 1px 5px 0 rgba(0, 0, 0, 0.1);

// Variations

@button-primary-color:         white;
@button-primary-bg:            #5fbc49;

@button-brand-color:           white;
@button-brand-bg:              @brand-color;

// Company.

@button-google-color:          white;
@button-google-bg:             @google-color;
@button-google-border:         darken(@button-google-bg, 5%);

@button-github-color:          white;
@button-github-bg:             @github-color;
@button-github-border:         darken(@button-github-bg, 5%);

@button-gitlab-color:          white;
@button-gitlab-bg:             @gitlab-color;

@button-linkedin-color:        white;
@button-linkedin-bg:           @linkedin-color;

// ----------------------------------
//   Shadows
// ----------------------------------

@block-shadow:                  0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
@block-shadow-2:                0 3px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 7px 0 rgba(0, 0, 0, 0.12);
@block-shadow-3:                0 3px 3px 0 rgba(0, 0, 0, 0.16);

// ----------------------------------
//   Dropdown
// ----------------------------------

@dropdown-shadow:           0 2px 4px rgba(0,0,0,0.1);

// ----------------------------------
//   Blankslate
// ----------------------------------

@blankslate-bg:         @gray-lightest;
@blankslate-color:      @text-secondary-color;
@blankslate-border:     @border-color;
@blankslate-spacing:    25px 10px;
@blankslate-spacing-sm: 15px 5px;

// ----------------------------------
//   Pagination
// ----------------------------------

@pagination-color:          @text-color;
@pagination-border:         @border-color;
@pagination-hover:          @hover-color;

@pagination-active-color:   @white;
@pagination-active-bg:      @brand-color;
@pagination-active-border:  darken(@brand-color, 5%);

// ----------------------------------
//   Section
// ----------------------------------

@section-bg:        @foreground-color;
@section-border:    rgb(200, 200, 200);
@section-padding:   20px;

// ----------------------------------
//   Callback list
// ----------------------------------

@callback-list-hover-color:         @gray-lightest;
@callback-list-info-color:          @text-secondary-color;

@callback-list-border-size:         1px;
@callback-list-border-color:        @gray-light;
@callback-list-border-radius:       3px;

@callback-list-name-text-size:      @font-size-h4;
@callback-list-name-color:          @text-color;
@callback-list-name-hover-color:    @link-color;

@callback-list-arrow-color:         @callback-list-border-color;

// ----------------------------------
//   Request list
// ----------------------------------

@request-item-color:                @text-color;
@request-item-secondary-color:      @text-secondary-color;
@request-item-background:           transparent;
@request-item-border-color:         @gray-light;
@request-item-hover-background:     @request-item-active-background;

@request-item-active-color:         @request-item-color;
@request-item-active-background:    @gray-lightest;
@request-item-active-border-color:  @request-item-border-color;

@request-detail-background:         lighten(@brand-color, 45%);