/************************************************************************************
*
*			Variables
*
***********************************************************************************/

:root {
	
	/********** Typography **********/
	
	/**** Font Families ****/
	--centurygothic: "century-gothic", sans-serif;
	--icons: "Font Awesome 6 Pro";
	
	/****Font-sizes****/
	
	/*Responsize*/
	--72px-r: clamp(3rem, 2.077rem + 3.077vw, 4.5rem); /*48px at 480px and 72px at 1260px*/
	--48px-r: clamp(2rem, 1.385rem + 2.051vw, 3rem); /*32px at 480px and 48px at 1260px*/
	--36px-r: clamp(1.75rem, 1.442rem + 1.026vw, 2.25rem); /*28px at 480px and 36px at 1260px*/
	--32px-r: clamp(1.5rem, 1.192rem + 1.026vw, 2rem); /*24px at 480px and 32px at 1260px*/
	--24px-r: clamp(1.125rem, 0.894rem + 0.769vw, 1.5rem); /*18px at 480px and 24px at 1260px*/
	--18px-r: clamp(1rem, 0.88rem + 0.399vw, 1.125rem); /*16px at 480px and 18px at 981px*/
	--16px-r: clamp(0.875rem, 0.755rem + 0.399vw, 1rem); /*14px at 480px and 16px at 981px*/
	--14px-r: clamp(0.75rem, 0.63rem + 0.399vw, 0.875rem); /*12px at 480px and 14px at 981px*/
	
	/*Desktop Only*/
	--16px-r-d: clamp(0.875rem, 0.556rem + 0.519vw, 1rem); /*14px at 981px and 16px at 1366px*/
	
	/*Static*/
	--16px-s: 1rem;
	--14px-s: 0.875rem;
	--12px-s: 0.75rem;
	
	/*Placeholder Styles*/
	--placeholder-color: #b2b9c4;
	--placeholder-opacity: 0.75;

	/********** Misc Defaults **********/
	--borders: solid 1px #000000;
	--gap: 25px;
	--transition: all 0.2s ease 0s;
}