:root {

	--primary: #053265;
	--primary-1: #1F538E;
	--primary-2: #457AB7;
	--primary-3: #7EA6D4;
	
	--success-bg: #C1DAA1;
	--success-fg: #769C44;
	--error-bg: #E8AFAF;
	--error-fg: #B94D4D;
	--warn-bg: #EED9A3;
	--warn-fg: #C99C29;
	--info-bg: #A2C7DD;
	--info-fg: #487996;
	--grey: #44494D;
	--grey-1: #5B6D78;
	--grey-2: #B6BDC1;
	--grey-3: #F1F4F5;
	
	--white: white;
	--black: var(--grey);
	

	--shadow-color: #00000033;
	
	--transition-time: 0.8s;
	
	--border-radius: 0.5vh;
	
	--view-margin: 2vh 12px;

}