/* -------------------------------------------------- */

/*   $ > AOX Font-size (v2) - 30/11/20

/* -------------------------------------------------- */

/*** Init widths ***/

/*** Init ***/
html {
	font-size: 62.5%;
	}

:root {
    --aox-fs-max-width: 1440;
	--aox-fs-min-width: 1180;
	--aox-fs-viewport-width: 1440px;
	}

/*** Content = margin left (60px) + content width (1220px) + margin right (60px) ***/

@media screen and (max-width: 1440px) {
	:root {
		--aox-fs-viewport-width: 100vw;
		}
	}

/*** Smartphone landscape ***/

@media screen and (max-width: 767px) {
	:root {
		--aox-fs-max-width: 420;
		--aox-fs-min-width: 320;
		--aox-fs-viewport-width: 520px;
		}
	}

/*** Smartphone ***/

@media screen and (max-width: 520px) {
	:root {
		--aox-fs-viewport-width: 100vw;
		}
	}

/*** Sizes ***/
:root {
	--aox-fs-resize: calc(
		(var(--aox-fs-viewport-width) - (var(--aox-fs-min-width) / 10 * 1rem)) /
		(var(--aox-fs-max-width) - var(--aox-fs-min-width))
		);
	}

:root {
	
	/* Small */
	--aox-fs-12px: calc(1rem + (12 - 10) * var(--aox-fs-resize));
	--aox-fs-14px: calc(1.1rem + (14 - 11) * var(--aox-fs-resize));
	--aox-fs-15px: calc(1.2rem + (14 - 12) * var(--aox-fs-resize));
	--aox-fs-16px: calc(1.3rem + (16 - 13) * var(--aox-fs-resize));
	--aox-fs-18px: calc(1.4rem + (18 - 14) * var(--aox-fs-resize));
	--aox-fs-20px: calc(1.6rem + (20 - 16) * var(--aox-fs-resize));
	
	/* Medium */
	--aox-fs-22px: calc(1.7rem + (22 - 17) * var(--aox-fs-resize));
	--aox-fs-24px: calc(1.8rem + (24 - 18) * var(--aox-fs-resize));
	--aox-fs-26px: calc(2rem + (26 - 20) * var(--aox-fs-resize));
	--aox-fs-28px: calc(2.1rem + (28 - 21) * var(--aox-fs-resize));
	--aox-fs-30px: calc(2.3rem + (30 - 23) * var(--aox-fs-resize));
	
	/* Large */
	--aox-fs-34px: calc(2.4rem + (34 - 24) * var(--aox-fs-resize));
	--aox-fs-36px: calc(2.6rem + (36 - 26) * var(--aox-fs-resize));
	--aox-fs-38px: calc(2.7rem + (38 - 27) * var(--aox-fs-resize));
	--aox-fs-42px: calc(3rem + (42 - 30) * var(--aox-fs-resize));
	--aox-fs-44px: calc(3.3rem + (44 - 33) * var(--aox-fs-resize));
	--aox-fs-46px: calc(3.3rem + (46 - 33) * var(--aox-fs-resize));
	--aox-fs-50px: calc(3.6rem + (50 - 36) * var(--aox-fs-resize));
	--aox-fs-52px: calc(3.7rem + (52 - 37) * var(--aox-fs-resize));
	
	/* Extra large */
	--aox-fs-60px: calc(4rem + (60 - 40) * var(--aox-fs-resize));
	--aox-fs-66px: calc(4.4rem + (66 - 44) * var(--aox-fs-resize));
	--aox-fs-70px: calc(4.7rem + (70 - 47) * var(--aox-fs-resize));
	--aox-fs-80px: calc(5.4rem + (80 - 54) * var(--aox-fs-resize));
	--aox-fs-90px: calc(6rem + (90 - 60) * var(--aox-fs-resize));
	--aox-fs-95px: calc(6.4rem + (95 - 64) * var(--aox-fs-resize));
	--aox-fs-100px: calc(6.7rem + (100 - 67) * var(--aox-fs-resize));

}