/* Solo sottoinsieme latin: basta per l'italiano. Syne è variabile (400–800). */
@font-face {
	font-family: 'Syne';
	src: url('../../fonts/syne-variable-latin.woff2') format('woff2');
	font-weight: 400 800;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'Be Vietnam Pro';
	src: url('../../fonts/be-vietnam-pro-400-latin.woff2') format('woff2');
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'Be Vietnam Pro';
	src: url('../../fonts/be-vietnam-pro-500-latin.woff2') format('woff2');
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'Be Vietnam Pro';
	src: url('../../fonts/be-vietnam-pro-600-latin.woff2') format('woff2');
	font-weight: 600;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'Be Vietnam Pro';
	src: url('../../fonts/be-vietnam-pro-700-latin.woff2') format('woff2');
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}

:root {
	--font-display: 'Syne', sans-serif; /* titoli, sempre minuscoli */
	--font-body: 'Be Vietnam Pro', sans-serif;
	--display-weight: 700;
	--display-tracking: -0.01em;
	--display-leading: 1.05;
	--body-leading: 1.55;

	--text-xs: 12px;
	--text-sm: 14px;
	--text-base: 16px;
	--text-lg: 20px;
	--text-xl: 28px;
	--text-2xl: 40px;
	--text-3xl: 56px;
	--text-4xl: 80px;
}