:root {

	/* container */

	--custom-container : 1320px;
	--custom-container-xxl : 1320px;
	--custom-container-xxl-1 : 1240px;
	--custom-container-xxl-2 : 1240px;
	--custom-container-xl : 1140px;
	--custom-container-lg : 960px;
	--custom-container-md : 720px;
	--custom-container-sm : 540px;
	--custom-container-xs : 100%;


	/* rgb */

	--custom-rgb-color-primary : 114,102,88; /* สีน้ำตาล */
	--custom-rgb-color-secondary-1 : 34,50,80; /* สีน้ำเงิน */
	--custom-rgb-color-secondary-2 : 170,122,65; /* สีทอง */
	--custom-rgb-color-secondary-3 : 64,89,70; /* สีเขียว */

	--custom-rgb-color-hover-primary : 219,199,182; /* สีน้ำตาล */
	--custom-rgb-color-hover-secondary-1 : 34,50,80; /* สีน้ำเงิน */
	--custom-rgb-color-hover-secondary-2 : 170,122,65; /* สีทอง */
	--custom-rgb-color-hover-secondary-3 : 64,89,70; /* สีเขียว */

	--custom-rgb-color-base-on-primary : 255,255,255; 
	--custom-rgb-color-base-on-secondary-1 : 255,255,255; 
	--custom-rgb-color-base-on-secondary-2 : 255,255,255; 
	--custom-rgb-color-base-on-secondary-3 : 255,255,255; 

	--custom-rgb-color-on-primary : 226,206,179; 
	--custom-rgb-color-on-secondary-1 : 195,207,226; 
	--custom-rgb-color-on-secondary-2 : 226,206,17; 
	--custom-rgb-color-on-secondary-3 : 207,226,210; 

	

	/* สีอ่อน */
	--custom-rgb-color-primary-light : 241,240,238; /* สีน้ำตาล */
	--custom-rgb-color-secondary-light-1 : 228,230,234; /* สีน้ำเงิน */
	--custom-rgb-color-secondary-light-2 : 243,239,232; /* สีทอง */
	--custom-rgb-color-secondary-light-3 : 232,235,232; /* สีเขียว */
	
	/* สีสว่าง */
	--custom-rgb-color-primary-highlight : 114,102,88; /* สีน้ำตาล */
	--custom-rgb-color-secondary-highlight-1 : 0,75,172; /* สีน้ำเงิน */
	--custom-rgb-color-secondary-highlight-2 : 196,137,59; /* สีทอง */
	--custom-rgb-color-secondary-highlight-3 : 51,114,3; /* สีเขียว */


	--custom-rgb-color-white : 255,255,255;
	--custom-rgb-color-hover-white : 240,240,240;
	--custom-rgb-color-base-on-white : 35,35,35; 

	--custom-rgb-color-black-default : 0,0,0;

	--custom-rgb-color-black : 35,35,35;
	--custom-rgb-color-hover-black : 60,60,60;
	--custom-rgb-color-base-on-black : 255,255,255;

	--custom-rgb-color-gray : 180,180,180;
	--custom-rgb-color-hover-gray : 200,200,200;
	--custom-rgb-color-base-on-gray : 255,255,255;

	--custom-rgb-color-gray-dark : 100,100,100;
	--custom-rgb-color-hover-gray-dark : 100,100,100;
	--custom-rgb-color-base-on-gray-dark : 255,255,255;

	--custom-rgb-color-gray-light : 240,240,240;
	--custom-rgb-color-hover-gray-light : 240,240,240;
	--custom-rgb-color-base-on-gray-light : 35,35,35;

	--custom-rgb-color-red : 204,0,0;
	--custom-rgb-color-hover-red : 178,0,0;
	--custom-rgb-color-base-on-red : 255,255,255;


	/* ----------------------------------- */

	/* rgb */
	/* --custom-rgb-color-primary : 114,102,88;
	--custom-rgb-color-light-primary : 243,241,239;
	--custom-rgb-color-secondary : 160,122,65;
	--custom-rgb-color-light-secondary : 160,122,65; */
	

	--custom-rgb-color-highlight-on-primary : 225,196,170;

	/* color */
	--custom-color-primary : rgba(114,102,88,1);
	--custom-color-secondary : rgba(160,122,65,1);
	--custom-color-white : rgba(255,255,255,1);
	--custom-color-black : rgba(35,35,35,1);
	--custom-color-gray : rgba(180,180,180,1);
	--custom-color-gray-dark : rgba(100,100,100,1);
	--custom-color-gray-light : rgba(240,240,240,1);
	--custom-color-red : rgba(114,102,88,1);
	/* text */
	--custom-text-color-primary : rgba(114,102,88,1);
	--custom-text-color-light-primary : rgba(243,241,239,1);
	--custom-text-color-secondary-1 : rgba(34,50,80,1);
	--custom-text-color-secondary-2 : rgba(170,122,65,1);
	--custom-text-color-secondary-3 : rgba(64,89,70,1);
	--custom-text-color-white : rgba(255,255,255,1);
	--custom-text-color-black : rgba(35,35,35,1);
	--custom-text-color-gray : rgba(128,128,128,1);
	--custom-text-color-gray-light : rgba(175,175,175,1);
	--custom-text-color-red : rgba(114,102,88,1);
    /* border radius */
    --custom-border-radius-section : 10px;
	--custom-border-radius-card : 10px;
	--custom-border-radius-card-inside : 6px;
	--custom-border-radius-btn : 5px;
	--custom-border-radius-popup : 20px;
	--custom-border-radius-img : 10px;
	/* border color */
	--custom-border-color-gray : rgba(35,35,35,0.2);
	--custom-border-color-light-gray :  rgba(35,35,35,0.08);
	/**/
	--custom-transition-time-hover : 0.3s;
	--custom-transition-all : all 0.3s ease;
	/* box shadow */
	--custom-box-shadow-card-before-hover : 0 0 0 rgba(0,0,0,0);
	--custom-box-shadow-card-after-hover : 0 5px 20px rgba(0,0,0,0.1);
	/* bg color img */
	--custom-bg-color-img : rgba(230,230,230,1);
}