html {

    /* colors */
    
	--header: 0,90,215;
	--header-light: 24,120,255;
	--header-lighter: 67,145,255;
	--header-text: 255,255,255;
	--header-text-light: 255,255,255;
	--header-text-lighter: 255,255,255;
	--background: 228,231,235;
	--background-light: 255,255,255;
	--background-lighter: 255,255,255;
	--primary: 0,90,215;
	--primary-light: 24,120,255;
	--primary-lighter: 67,145,255;
	--accent: 150,190,60;
	--accent-light: 181,210,114;
	--accent-lighter: 201,222,152;
	--secondary: 150,190,60;
	--secondary-light: 181,210,114;
	--secondary-lighter: 201,222,152;
	--main: 51,51,51;
	--main-light: 66,66,66;
	--main-lighter: 76,76,76;
	--header-item-background: 0,90,215;
	--header-item-background-light: 24,120,255;
	--header-item-background-lighter: 67,145,255;
	--header-item-text: 145,195,255;
	--header-item-text-light: 255,255,255;
	--header-item-text-lighter: 255,255,255;
	--header-item-background-active: 85,175,220;
	--header-item-background-active-light: 160,210,235;
	--header-item-background-active-lighter: 211,234,246;
	--header-item-text-active: 255,255,255;
	--header-item-text-active-light: 255,255,255;
	--header-item-text-active-lighter: 255,255,255;




}


/* styles */