/*
GLOBAL VARIABLES FILE by Honza Salajka
© Copyright 2016-2018

DEPENDENCIES: none
*/

/*
 --- Designové barvy
*/
@color-main: #ad9961;
@color-main-light: #ceba88;
@color-main-dark: #8C7F44;

@color-side-blue: #0069a9;

@color-grey: #A0A0A0;
@color-grey-light: #EEEEEE;
@color-grey-dark: #22201a;

@color-outline: #e3e3e3;
@color-outline-light: #eeeeee;
@color-outline-dark: #a3a3a3;

@color-state-correct: #43A047;
@color-state-error: #C43235;

@color-state-win: #43A047;
@color-state-loss: #C43235;
@color-state-draw: @color-grey-dark;

/*
 --- Obecné barvy
*/
@color-navy: #001F3F;
@color-blue: #0074D9;
@color-aqua: #7FDBFF;
@color-teal: #39CCCC;
@color-olive: #3D9970;
@color-green: #2ECC40;
@color-lime: #01FF70;
@color-yellow: #FFDC00;
@color-orange: #FF851B;
@color-red: #FF4136;
@color-fuchsia: #F012BE;
@color-purple: #B10DC9;
@color-maroon: #85144B;
@color-white: #FFFFFF;
@color-silver: #DDDDDD;
@color-gray: #AAAAAA;
@color-black: #111111;

/*
 --- Breakpointy - obecné
*/
@phone: ~"only screen and (max-width: 720px)";
@tablet: ~"only screen and (min-width: 721px) and (max-width: 1020px)";
@desktop: ~"only screen and (min-width: 1020px)";

/*
 --- Breakpointy - specifické
*/
@phone-small: ~"only screen and (max-width: 480px)";
@phone-medium: ~"only screen and (min-width: 481px) and (max-width: 640px)";
@phone-large: ~"only screen and (min-width: 641px) and (max-width: 720px)";

@tablet-small: ~"only screen and (min-width: 721px) and (max-width: 820px)";
@tablet-medium: ~"only screen and (min-width: 821px) and (max-width: 920px)";
@tablet-large: ~"only screen and (min-width: 921px) and (max-width: 1020px)";

@desktop-small: ~"only screen and (min-width: 1021px) and (max-width: 1140px)";
@desktop-medium: ~"only screen and (min-width: 1141px) and (max-width: 1260px)";
@desktop-large: ~"only screen and (min-width: 1261px) and (max-width: 1600px)";
@desktop-max: ~"only screen and (min-width: 1601px)";

/*
 --- Breakpointy - rozsahy
*/
@range: ~"only screen";

@to-phone: ~"and (max-width: 720px)";

@from-tablet: ~"and (min-width: 721px)";
@to-tablet: ~"and (max-width: 1020px)";

@from-phone-medium: ~"and (min-width: 481px)";
@from-phone-large: ~"and (min-width: 641px)";

@from-tablet-small: ~"and (min-width: 721px)";
@from-tablet-medium: ~"and (min-width: 821px)";
@from-tablet-large: ~"and (min-width: 921px)";

@from-desktop-small: ~"and (min-width: 1021px)";
@from-desktop-medium: ~"and (min-width: 1141px)";
@from-desktop-large: ~"and (min-width: 1261px)";

@to-phone-medium: ~"and (max-width: 640px)";
@to-phone-large: ~"and (max-width: 720px)";

@to-tablet-small: ~"and (max-width: 820px)";
@to-tablet-medium: ~"and (max-width: 920px)";
@to-tablet-large: ~"and (max-width: 1020px)";

@to-desktop-small: ~"and (max-width: 1140px)";
@to-desktop-medium: ~"and (max-width: 1260px)";
@to-desktop-large: ~"and (max-width: 1600px)";

/*
 --- Breakpointy - portrait vs landscape
*/
@portrait: ~"and (orientation: portrait)";
@landscape: ~"and (orientation: landscape)";

/*
 -- Velikosti
*/
@space-base: 6px;
@web-min-width: 320px;
@web-max-width: 1600px;
//@logo-width-inner: 0px;
//@logo-width-outer: 0px;