:root {

	/* container */

	--rw-container : 700px;
	--rw-container-xxl : 700px;
	--rw-container-xxl-1 : 700px;
	--rw-container-xxl-2 : 700px;
	--rw-container-xl : 700px;
	--rw-container-lg : 700px;
	--rw-container-md : 700px;
	--rw-container-sm : 700px;
	--rw-container-xs : 100%;

	/* header */
    --rw-rgb-header-bg-1 : 28,20,100;
    --rw-rgb-header-bg-2 : 1,114,187;
    --rw-rgb-header-text-color : 255,255,255;

	/* btn */
	--rw-rgb-btn-color-primary-1 : 1,114,187;
	--rw-rgb-btn-color-primary-2 : 0,201,255;
	/* --rw-rgb-btn-color-primary-1 : 28,20,100;
	--rw-rgb-btn-color-primary-2 : 1,114,187; */
	--rw-rgb-btn-color-primary-text-color : 255,255,255;
	--rw-rgb-btn-color-secondary : 200,200,200;
	--rw-rgb-btn-color-secondary-text-color : 80,80,80;

	--rw-rgb-btn-hover-color-primary : 1,114,187;
	--rw-rgb-btn-hover-color-primary-tc : 1,114,187;

	--rw-rgb-btn-hover-color-gray : 230,230,230;
	--rw-rgb-btn-hover-color-gray-tc : 30,30,30;

	--rw-rgb-btn-hover-color-white : 255,255,255;
	--rw-rgb-btn-hover-color-white-tc : 255,255,255;

	/* text */
	--rw-rgb-text-color-black : 30,30,30;

	/* rgb */
	/* --rw-rgb-color-primary : 114,102,88; */
	--rw-rgb-color-1 : 28,20,100;
	--rw-rgb-color-2 : 44,48,151;
	--rw-rgb-color-3 : 1,114,187;
	--rw-rgb-color-4 : 42,170,227;

	--rw-rgb-color-primary : 1,114,187;

	--rw-rgb-color-white : 255,255,255;
	--rw-rgb-color-black : 0,0,0;
	--rw-rgb-color-gray : 100,100,100;
	--rw-rgb-color-gray-light : 240,240,240;

	/* btn */

	/* --app-header-height : 80px;
	--app-header-height-mobile : 60px; */
	--app-header-height : 100px;
	--app-header-height-mobile : 90px;
	/* --app-header-and-ref-height : 110px;
	--app-header-and-ref-height-mobile : 90px; */

	--app-header-column-lr-width : 70px;
	--app-header-column-lr-width-mobile : 60px;
	
	--app-action-height : 80px;
	--app-action-height-mobile : 60px;


}