:root {
	
	/*Background*/
	--bg-blue :#0066D3;
	--bg-yellow :#FFBA35;
	--bg-dark-yellow :#CB8F1C;
	--bg-dark-blue :#00468C;
	--bg-gray :#F7F7F7;
	--bg-dark-gray :#BFBFBF;
	--bg-green :#009999;
	--bg-white :#fff;
	--bg-soft-blue :#336BA3;
	--bg-purble:#71778E;
	--bg-soft: #EDF1F4;
	--bg-green: #5FB924;
	--bg-red: #d51243;


	/*Border*/
	--border-gray :#F0F2F5;
	--border-yellow : #F6921E;
	--border-white : #fff;
	--border-black : #000;
	--border-soft : #DDE0E2;
	--border-green: #5FB924;
	--border-red: #d51243;

	
	/*Font Color*/
	--color-blue : #103178;
	--color-gray : #7E7E7E;
	--color-dark-gray : #636363;
	--color-black : #000000;
	--color-white : #fff;
	--color-soft : #3E445A;
	--color-yellow :#FFBA35;
	--color-content: #808B92;
	--color-soft-black: #2E2F32;
	--color-red: #d51243;
	--color-green: #5FB924;
	
	
	/*Font*/
	--font-weight-light: 400;
	--font-weight-medium: 500;
	--font-weight-semibold: 600;
	--font-weight-bold: 700;

	/*Font Size*/
	--font-size-baseSize: 14px;
	--font-size-regular: 13px;
	--font-size-medium: 16px;
	--font-size-large: 18px;
	--font-size-xSize: 14px;
	--font-size-small: 12px;
	--font-size-xsmall: 10px;
	--font-size-header-section: 30px;
	--font-size-xlarge: 24px;

	/*Border Radius*/
	--border-radius-small: 10px;
	--border-radius: 20px;
	--border-radius-medium: 25px;

	/*Box Shadow*/

	--box-shadow:3px 2px 11px 0px rgb(0 0 0 / 15%);
}