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

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

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

html {
	font-size: 62.5%;
}

/*** Init widths ***/

:root {
	
    --aox-fs-max-width: 1920;
	--aox-fs-min-width: 1280;
	--aox-fs-viewport-width: 100vw;
		
	--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))
	);
	
}

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

/*** Sizes ***/

: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-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-38px: calc(2.7rem + (38 - 27) * var(--aox-fs-resize));
	--aox-fs-42px: calc(3rem + (42 - 30) * 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));
	
	/* 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-100px: calc(6.7rem + (10 - 6.7) * var(--aox-fs-resize));

}