:root{
	--color-primary:#7380ec;
	--color-danger:#ff7782;
	--color-success:#41f1b6;
	--color-warning:#ffbb55;
	--color-white:#FFFFFF;
	--color-info-dark:#7d8da1;
	--color-info-light:#dce1eb;
	--color-dark:#1d1d1d;
	--color-light:#1d1d1d;
	--color-danger-light:rgba(217,33,100,.18);
	--color-primary-variant:#111e88;
	--color-dark-variant:#677483;
	--color-backgrund:#f6f6f9;
	--text:#1d1d1d;
	--light-text:#fafafa;
	--back-btn:#E7BA1F;
	--back-light-blue:#F1D43B;
	--trans:rgba(217,33,100,.0);
	--shadow:3px 3px 20px #E7BA1F,-2px 1px 20px #F1D43B;
	--boxshadow:0 0 20px #F1D43B;
	--boxshadow2:0 0 15px  #E7BA1F;
	
	--card-bordr-radius:2rem;
	--border-radius1:0.4rem;
	--border-radius2:0.8rem;
	--border-radius3:1.2rem;
	
	--card-padding:1.8rem;
	--padding-1:1.2rem;
	
	--box-shadow: 0 2rem 3rem var(--color-light); 
}