/*
  Global :root variables
*/
:root {
	/* typography */
	--font-fallback: "Helvetica Neue", "Arial", sans-serif;
	--base-font-size: 100%;
	--base-line-height: 1.2;
	
	/* colors */
	--color-blue: #0085f2;
	--color-green: #009a46;
	--color-yellow: #928700;
	--color-red: #d30038;
	--color-violet: #9b65ff;
	--color-pink: #d00058;
	--color-deep-red: #9C0909;
	--color-deep-blue: #071952;
	
	/* text */
	--shadow-1: 1px 1p 0px #111;
	--shadow-2: 4px 4p 1px #333;
	
	/* gradients */
	--dark-gray-1: linear-gradient(360deg,rgba(34,39,43,0),#22272B);
	--dark-gray-2: linear-gradient(to top, #111, #555);
	--dark-gray-3: linear-gradient(to top, #111, #333);
	--gradient-light-gray: linear-gradient(to top, #DCDCDC, #F0F2F0);
	--gradient-light-beige: linear-gradient(to top, #E9E3CF, #F8F1DA);
	--gradient-light-blue: linear-gradient(to top, #BFCDE8, #D2D8E5);
	--gradient-lighter-blue: linear-gradient(to bottom, #EDF2F6, #D3DADF);
	--gradient-light-green: linear-gradient(to top, #B0C8AA, #D0E5CC);
	--gradient-light-orange: linear-gradient(to top, #ECC448, #F2E0A9);
	--gradient-light-red: linear-gradient(to top, #E3B6AD, #F0D0C9);
	--gradient-dark-gray: linear-gradient(to top, #BBB, #E1E1E1);
	--gradient-dark-beige: linear-gradient(to top, #AD9F7A, #CFC4A5);
	--gradient-dark-blue: linear-gradient(to top, #7581A4, #9BA7C9);
	--gradient-dark-green: linear-gradient(to top, #3E6C5E, #598779);
	--gradient-dark-orange: linear-gradient(to top, #C2950C, #DDB028);
	--gradient-dark-red: linear-gradient(to top, #470F0F, #8F1515);
	--gradient-dark-brown: linear-gradient(to top, #722C05, #98542E);
	--gradient-dark-sea: linear-gradient(to top, #0A6079, #37778A);
	--gradient-dark-black: linear-gradient(to top, #383838, #5D5D5D);
	--gradient-dark-teal: linear-gradient(to top, #5F798C, #6B98C2);
	
	/* images */
	--img-cell-fade-blue: #CDCDCE Url('../images/admin/bgCellBlue.png') repeat-x;
	--img-cell-fade-babyblue: Url('../images/admin/bgCellBabyBlue.png') repeat-x;
	--img-cell-fade-green: Url('../images/admin/bgCellGreen.png') repeat-x;
	--img-cell-fade-purple: Url('../images/admin/bgCellPurple.png') repeat-x;
	--img-cell-fade-red: Url('../images/admin/bgCellRed.png') repeat-x;
	
	--wsd-sidebar-width: 188px;
	--wsd-sidebar-fixed-height: 700px;
	--wsd-header-height: 65px;
	--wsd-header-height-small: 53px;
	--wsd-control-bar-height: 29px;
	--wsd-control-bar-space-between: 1.5rem;
	--wsd-font-family: 'Lato', 'Lucida Grande', 'Lucida Sans Unicode', Tahoma, Sans-Serif;
	--wsd-font-family-header: 'Telefon Black', Sans-Serif;
	--wsd-font-family-header-alt: 'Telefon', Sans-Serif;
	--wsd-font-family-monospace: SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace;
	--wsd-button-border-width: 3px;
	--wsd-button-border-radius: 4px;
	--wsd-button-margin-block: 1px;
	--wsd-button-margin-inline: 10px;
	--wsd-button-padding-inline: 16px;
	--wsd-button-padding-block: 10px;
	
	/* box shadows */
	--box-shadow-verticle-large: 0 2.8px 2.2px rgba(0, 0, 0, 0.034),0 6.7px 5.3px rgba(0, 0, 0, 0.048), 0 12.5px 10px rgba(0, 0, 0, 0.06), 0 22.3px 17.9px rgba(0, 0, 0, 0.072), 0 41.8px 33.4px rgba(0, 0, 0, 0.086),0 60px 40px rgba(0, 0, 0, 0.08);
	--box-shadow-verticle-medium: 0 2.8px 2.2px rgba(0, 0, 0, 0.034),0 5.7px 4.3px rgba(0, 0, 0, 0.048), 0 10.5px 9px rgba(0, 0, 0, 0.06),0 15.3px 12.9px rgba(0, 0, 0, 0.072), 0 28.8px 22.2px rgba(0, 0, 0, 0.086),0 40px 30px rgba(0, 0, 0, 0.08);
	--box-shadow-verticle-small: 0 1.8px 2.2px rgba(0, 0, 0, 0.034),0 3.7px 5.3px rgba(0, 0, 0, 0.048),0 6.5px 10px rgba(0, 0, 0, 0.06),0 11.3px 17.9px rgba(0, 0, 0, 0.052),0 20px 15px rgba(0, 0, 0, 0.12);
	--box-shadow-verticle-small-light: 0 1px 2px rgba(0, 0, 0, 0.034),	0 3px 5px rgba(0, 0, 0, 0.048),0 6px 10px rgba(0, 0, 0, 0.06),0 11px 17px rgba(0, 0, 0, 0.052),0 10px  7px rgba(0, 0, 0, 0.08);
	
	/* inset shadows */
	--box-inset-dark-gray-small: inset 5px 5px 12px #111111, inset -5px -5px 12px #111111;
	--box-inset-med-gray-small: inset 3px 3px 7px #333333, inset -3px -3px 7px #333333;
	--box-inset-silver-small: inset 1px 1px 4px #BEBEBE, inset -2px -2px 6px #FFFFFF;
	
	/* text shadows */
	
		

}