:root {
	
	/*Background*/
	--bg-blue :#51699C;
	--bg-yellow :#FD8D27;
	--bg-gray:#F0F2F5;
	--bg-dark-gray:#B6B8BC;


	/*Border*/
	--border-gray :#F0F2F5;
	--border-blue :#51699C;

	
	/*Font Color*/
	--color-blue : #2F3C57;
	--color-soft : #B2B7C1;
	
	
	
	/*Font*/
	--font-weight-light: 400;
	--font-weight-medium: 500;
	--font-weight-semibold: 600;
	--font-weight-bold: 700;

	/*Font Size*/
	--font-size-small: 14px;
	--font-size-medium: 16px;
	--font-size-large: 18px;
	--font-size-xlarge: 24px;

	/*Box Shadow*/

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