// Variables

@black: #000;
@white: #fff;
@grey: #999;

@bodycolor: @white;
@textcolor: @black;

// Typography

@font-family-sans-serif: 'Lato',sans-serif;
@font-family-serif: Georgia, "Times New Roman", Times, serif;
@font-family-monospace: Monaco, Menlo, Consolas, "Courier New", monospace;

// Colour

@primaryColor:#000;
@secondaryColor:#fff;

@lightGreen: rgb(215, 235, 160);
@green: rgb(177, 214, 75);
@darkGreen: darken(@green, 15%);
@yellow: rgb(255, 244, 164);
@yellow-alt: rgb(255, 178, 66);
@mediumGrey: lighten(@grey, 24%);
@lightGrey: lighten(@grey, 29%);
@veryLightGrey: lighten(@grey, 35%);
@darkGrey: darken(@grey, 20%);
@blue: rgb(67, 171, 239);
@blue-20: rgb(67, 171, 239);
@darkBlue: darken(@blue, 10%);
@veryDarkBlue: darken(@blue, 30%);
@lightBlue: lighten(@blue, 25%);
@blackA: rgba(0, 0, 0, 0.6);
@lightRed: #cc6a6c;
@mustard: rgb(228, 217, 132);
@lime:rgb(217, 246, 40); 
@est-green: #7ec449;

//est zone:
@red: #c3464b;
@redLight: #D86F63;

// Links

@linkcolor: @blue;
@linkcolorhover: lighten(@linkcolor, 10);
@linkcolorvisited: darken(@linkcolorhover, 10);
@linkcolorfocus  : darken(@linkcolorvisited, 10);


/*********************/
/***** New Look ***** /
/*********************/

@blue-10: rgb(67, 171, 239); // buttons & links
@blue-20: rgb(64, 147, 185); // footer background
@blue-30: rgb(51, 128, 179); // chip background i.e. filters
@blue-40: rgb(36, 89, 125); // chip close button

@green-10: rgb(160, 207, 5); // buttons
@green-20: rgb(156, 202, 5); // hover buttons 

@black: rgb(0,0,0);

@grey-10: rgb(244,244,244); // page background
@grey-20: rgb(225,225,225); // box borders and placeholder text
@grey-30: rgb(137,137,137); // text inside inputs
@grey-40: rgb(88,88,88); // text

@white: rgb(255,255,255); 

@red-10: rgb(229,40,41); // specials
@red-20: rgb(184,7,5); // specials wrap

@pink-10: rgb(255,64,139); // specials
@pink-20: rgb(219,53,118); // specials wrap

@yellow-20: rgb(255,178,66); // stars

/* Gutters */
@gutter: 10px;
@double-gutter: @gutter * 2;
@triple-gutter: @gutter * 3;
@quad-gutter: @gutter * 4;