/* colors as var */

:root{
	--sp_darkgrey:	38, 38, 38;
	--sp_grey:		75, 75, 75;
	--sp_mgrey:		220, 220, 220;
	--sp_ltgrey:	242, 242, 242;
	--sp_greyblue:	232, 230, 237;
	--sp_darkblue:	25, 56, 82;
	--sp_blue:		77, 114, 150;
	--sp_ltblue:	112, 157, 212;
	--sp_wblue:		184, 200, 214;
	--sp_darkgreen:	124, 159, 43;
	--sp_green: 	169, 192, 78;
	--sp_ltgreen:	186, 206, 17;
	--sp_black:		0, 0, 0;
	--sp_white:		255,255,255;
	--sp_orange :	248, 177, 51;
	--sp_yellow : 	246, 245, 209;
	--sp_ltbrown : 	233, 227, 218;
	--sp_brown :	202, 186, 160;
	--sp_darkbrown :	140, 131, 111;
	--sp_aqua: 		64, 162, 219;
	--sp_red : 		196, 29, 29;
	--sp_cgrey : 	157, 157, 156;
	--ch_darkbrown :	33, 20, 10;
	--ch_ltbrown :	240, 230, 214;
	--ch_cbrown :	191, 153, 89;
}


/* colors as class*/

	.ch_darkbrown{
		color: RGB(var(--ch_darkbrown));
	}
	.ch_ltbrown{
		color: RGB(var(--ch_ltbrown));
	}
	.ch_cbrown{
		color: RGB(var(--ch_cbrown));
	}
	.sp_darkgrey{
		color: RGB(var(--sp_darkgrey));
	}
	.sp_grey{
		color: RGB(var(--sp_grey));
	}
	.sp_mgrey{
		color: RGB(var(--sp_mgrey));
	}
	.sp_ltgrey{
		color: RGB(var(--sp_ltgrey));
	}
	.sp_greyblue{
		color: RGB(var(--sp_greyblue));
	}
	.sp_darkblue{
		color: RGB(var(--sp_darkblue));
	}
	.sp_blue{
		color: RGB(var(--sp_blue));
	}
	.sp_ltblue{
		color: RGB(var(--sp_ltblue));
	}
	.sp_wblue{
		color: RGB(var(--sp_wblue));
	}
	.sp_darkgreen{
		color: RGB(var(--sp_darkgreen));
	}
	.sp_green{
		color: RGB(var(--sp_green));
	}
	.sp_ltgreen{
		color: RGB(var(--sp_ltgreen));
	}
	.sp_black{
		color: RGB(var(--sp_black));
	}
	.sp_white{
		color: RGB(var(--sp_white));
	}
	.sp_orange {
		color: RGB(var(--sp_orange));
	}
	.sp_yellow {
		color: RGB(var(--sp_yellow));
	}
	.sp_ltbrown {
		color: RGB(var(--sp_ltbrown));
	}
	.sp_brown {
		color: RGB(var(--sp_brown));
	}
	.sp_darkbrown {
		color: RGB(var(--sp_darkbrown));
	}
	.sp_sblue {
		color: RGB(var(--sp_sblue));
	}
	.sp_red {
		color: RGB(var(--sp_red));
	}
	.sp_cgrey {
		color: RGB(var(--sp_cgrey));
	}
	
	
	.ch_bg_darkbrown{
		background-color: RGB(var(--ch_darkbrown));
	}
	.ch_bg_ltbrown{
		background-color: RGB(var(--ch_ltbrown));
	}
	.ch_bg_cbrown{
		background-color: RGB(var(--ch_cbrown));
	}
	.sp_bg_darkgrey{
		background-color: RGB(var(--sp_darkgrey));
	}
	.sp_bg_grey{
		background-color: RGB(var(--sp_grey));
	}
	.sp_bg_mgrey{
		background-color: RGB(var(--sp_mgrey));
	}
	.sp_bg_ltgrey{
		background-color: RGB(var(--sp_ltgrey));
	}
	.sp_bg_greyblue{
		background-color: RGB(var(--sp_greyblue));
	}
	.sp_bg_darkblue{
		background-color: RGB(var(--sp_darkblue));
	}
	.sp_bg_blue{
		background-color: RGB(var(--sp_blue));
	}
	.sp_bg_ltblue{
		background-color: RGB(var(--sp_ltblue));
	}
	.sp_bg_wblue{
		background-color: RGB(var(--sp_wblue));
	}
	.sp_bg_darkgreen{
		background-color: RGB(var(--sp_darkgreen));
	}
	.sp_bg_green{
		background-color: RGB(var(--sp_green));
	}
	.sp_bg_ltgreen{
		background-color: RGB(var(--sp_ltgreen));
	}
	.sp_bg_black{
		background-color: RGB(var(--sp_black));
	}
	.sp_bg_white{
		background-color: RGB(var(--sp_white));
	}
	.sp_bg_orange {
		background-color: RGB(var(--sp_orange));
	}
	.sp_bg_yellow {
		background-color: RGB(var(--sp_yellow));
	}
	.sp_bg_ltbrown {
		background-color: RGB(var(--sp_ltbrown));
	}
	.sp_bg_brown {
		background-color: RGB(var(--sp_brown));
	}
	.sp_bg_darkbrown {
		background-color: RGB(var(--sp_darkbrown));
	}
	.sp_bg_sblue {
		background-color: RGB(var(--sp_sblue));
	}
	.sp_bg_red {
		background-color: RGB(var(--sp_red));
	}
	.sp_bg_cgrey {
		background-color: RGB(var(--sp_cgrey));
	}