:root{
	/*--color-primary: #fac748;*/
	--color-primary: #B132BB;
	/*--color-secondary: #70A37F;*/
	--color-secondary: #3A1342;
	--color-dark: #0f1a20;
	--color-grey-mid: #6e7578;
	--color-light: #f4f4f8;
	
	--transition-duration-fast: 0.2s;
	--transition-duration-mid: 0.4s;
	
	--font-size-micro: 10px;
	--font-size-info: 12px;
	--font-size-body: 16px;
	--font-size-button: 16px;
	--font-size-title: 22px;
	--font-size-over:36px;
	
	--border-radius-circle: 100vh;
	--border-radius-normal: 7px;
	--border-radius-small: 1.5px;
}

@media screen and (min-width: 700px){
	:root{
		--font-size-micro: 12px;
		--font-size-info: 16px;
		--font-size-body: 20px;
		--font-size-button: 24px;
		--font-size-title: 36px;
		--font-size-over:48px;
	}
}