// Import and override variables.less
@import "../vendor/bootstrap/less/variables.less";

//
// Variables
// --------------------------------------------------


//== Colors
//
//## Gray and brand colors for use across Bootstrap.

@gray-base:              #000;
@gray-darker:            lighten(@gray-base, 13.5%); // #222
@gray-dark:              lighten(@gray-base, 20%);   // #333
@gray:                   lighten(@gray-base, 33.5%); // #555
@gray-light:             lighten(@gray-base, 46.7%); // #777
@gray-lighter:           lighten(@gray-base, 93.5%); // #eee

@brand-primary:         #eaeaea;
@brand-secondary: 		#fca810;
@brand-success:         #5cb85c;
@brand-info:            #5bc0de;
@brand-warning:         #f0ad4e;
@brand-danger:          #d9534f;

//== Buttons
//
//## For each of Bootstrap's buttons, define text, background and border color.
@btn-primary-color:             @gray-base;
@btn-secondary-color:			#fff;
@btn-secondary-bg:              @brand-secondary;
@btn-secondary-border:          darken(@btn-secondary-bg, 5%);

//== Scaffolding
//
//## Settings for some of the most global styles.

@body-bg:               #353535;
@text-color:            @gray-lighter;

@link-color:            @brand-primary;
@link-hover-color:      @brand-secondary;
@link-hover-decoration: underline;

//== Typography
//
@font-family-sans-serif:  Univers LT;

//== Responsive
//
@laptop: 				~"only screen and (min-width: 768px) and (max-width: 1024px)";
@screen-sm:             769px;
@tablet:    			~"only screen and (min-width: 720px) and (max-width: 991px)";
@tablet-navigation:		~"only screen and (min-width: 768px) and (max-width: 948px)";
@mobile:    			~"only screen and (max-width: 768px)";
@mobile-sm:    			~"only screen and (max-width: 425px)";
@mobile-brand: 			~"only screen and (max-width: 768px)";