:root{
	--body-color:#f2fce0;
	--font: 'Graphik Arabic', sans-serif;
	--navbar:transparent;
	--footer:#021A2F;
	--elements:#f2fce0;
	--cards:#f2fce0;
	--elements-gradient:linear-gradient(90deg, rgba(32,44,66,1) 0%, rgba(40,59,96,1) 100%);
	
	--blurple:#008849;
	--blurple-rgb:rgba(0, 136, 73, 0.5);
	--light-blurple:#fedeb2;
	--note:#3d3f82;
	--gray:#2c3753;
	--yellow:#ffad26;
	--purple:#6351ce;
	--purple-rgb:rgba(99, 81, 206, 0.5);
	--dark-purple:#29293F;
	--blue:#3371ff;
	--light-blue:#7289DA;
	--discord:#5865F2;
	--red:#FF474D;
	--darkgreen:#00323a;
	--darkgreen-rgb:rgba(2, 79, 41, 0.5);
	--darkgreen-light:#355f40;
	--orange:#ffb800;
	--green:#23e76d;
	--lightgreen:#dff686;
	--greenwhite:#f2fce0;
	--greenwhite-rgb:rgba(242, 252, 224, 0.5);
	
	--text:#024f29;
	--white:#fff;
	
	--swiper-navigation-color: var(--darkgreen);
	--swiper-pagination-color: var(--blurple);
	--swiper-pagination-bottom: 0px;
	--swiper-pagination-bullet-inactive-color: var(--darkgreen);
	--swiper-pagination-bullet-inactive-opacity: 1;
	--swiper-pagination-bullet-size: 20px;
	/* custom property */
	--swiper-pagination-active-bullet-size: 30px;
}