/* @font-face{
	font-family:'Jost';
	font-style:normal;
	font-weight:400;
	font-display:swap;
	src:local('Jost'),
	url('/fonts/jost/Jost-Regular.woff2?v2') format('woff2'),
	url('/fonts/jost/Jost-Regular.woff?v2') format('woff')
}
@font-face{
	font-family:'Jost';
	font-style:normal;
	font-weight:500;
	font-display:swap;
	src:local('Jost Medium'),
	url('/fonts/jost/Jost-Medium.woff2?v2') format('woff2'),
	url('/fonts/jost/Jost-Medium.woff?v2') format('woff')
}
@font-face{
	font-family:'Jost';
	font-style:normal;
	font-weight:600;
	font-display:swap;
	src:local('Jost Semibold'),
	url('/fonts/jost/Jost-SemiBold.woff2?v2') format('woff2'),
	url('/fonts/jost/Jost-SemiBold.woff?v2') format('woff')
}
@font-face{
	font-family:'Jost';
	font-style:normal;
	font-weight:700;
	font-display:swap;
	src:local('Jost Bold'),
	url('/fonts/jost/Jost-Bold.woff2?v2') format('woff2'),
	url('/fonts/jost/Jost-Bold.woff?v2') format('woff')
}
@font-face{
	font-family:'Jost';
	font-style:normal;
	font-weight:300 900;
	font-display:swap;
	src:url('/fonts/jost/Jost-Variable.woff2') format('woff2-variations')
}
@font-face{
	font-family:'Manrope';
	font-style:normal;
	font-weight:300 900;
	font-display:swap;
	src:url('/fonts/manrope/Manrope-Variable.woff2') format('woff2-variations')
}
*/
@font-face{
	font-family:'Inter';
	font-style:normal;
	font-weight:300 900;
	font-display:swap;
	src:url('/fonts/inter/Inter-Variable.woff2') format('woff2-variations')
}
@font-face{
	font-family:'Lora';
	font-style:normal;
	font-weight:300 900;
	font-display:swap;
	src:url('/fonts/lora/Lora-Variable.woff2') format('woff2-variations')
}

:root{
	--font-primary:'Inter',system-ui,Arial,sans-serif;
	--font-longread:'Lora',system-ui,Arial,sans-serif;

	--font-size-xs:12px;
	--font-size-s:14px;
	--font-size-m:16px;
	--font-size-l:18px;
	--font-size-xl:20px;
	--font-size-xxl:24px;

	--letter-spacing-xs:0;
	--letter-spacing-s:-.07px;
	--letter-spacing-m:-.08px;
	--letter-spacing-l:-.09px;
	--letter-spacing-xl:-.3px;
	--letter-spacing-xxl:-.45px;

	--line-height-xs:1.1;
	--line-height-s:1.2;
	--line-height-m:1.5;

	--font-weight-light:300;
	--font-weight-regular:400;
	--font-weight-medium:500;
	--font-weight-semibold:600;
	--font-weight-bold:700;

	--body-s-regular:var(--font-weight-regular) var(--font-size-s)/var(--line-height-m) var(--font-primary);
	--body-m-regular:var(--font-weight-regular) var(--font-size-m)/var(--line-height-m) var(--font-primary);
	--body-l-regular:var(--font-weight-regular) var(--font-size-l)/var(--line-height-m) var(--font-primary);
	--body-xl-regular:var(--font-weight-regular) var(--font-size-xl)/var(--line-height-m) var(--font-primary);

	--body-m-medium:var(--font-weight-medium) var(--font-size-m)/var(--line-height-m) var(--font-primary);
	--body-l-medium:var(--font-weight-medium) var(--font-size-l)/var(--line-height-m) var(--font-primary);
	--body-xl-medium:var(--font-weight-medium) var(--font-size-xl)/var(--line-height-m) var(--font-primary);

	--body-s-semibold:var(--font-weight-semibold) var(--font-size-s)/var(--line-height-s) var(--font-primary);
	--body-m-semibold:var(--font-weight-semibold) var(--font-size-m)/var(--line-height-m) var(--font-primary);
	--body-l-semibold:var(--font-weight-semibold) var(--font-size-l)/var(--line-height-m) var(--font-primary);
	--body-xl-semibold:var(--font-weight-semibold) var(--font-size-xl)/var(--line-height-m) var(--font-primary);

	--body-s-bold:var(--font-weight-bold) var(--font-size-s)/var(--line-height-s) var(--font-primary);
	--body-m-bold:var(--font-weight-bold) var(--font-size-m)/var(--line-height-m) var(--font-primary);
	--body-l-bold:var(--font-weight-bold) var(--font-size-l)/var(--line-height-m) var(--font-primary);
	--body-xl-bold:var(--font-weight-bold) var(--font-size-xl)/var(--line-height-m) var(--font-primary);

	--font-heading-h1:var(--font-weight-bold) 44px/var(--line-height-s) var(--font-primary);
	--font-heading-h2:var(--font-weight-bold) 36px/var(--line-height-s) var(--font-primary);
	--font-heading-h3:var(--font-weight-bold) 28px/var(--line-height-s) var(--font-primary);
	--font-heading-h4:var(--font-weight-bold) 24px/var(--line-height-s) var(--font-primary);
	--font-heading-h5:var(--font-weight-bold) 20px/var(--line-height-s) var(--font-primary);

	--font-heading-h1-small:var(--font-weight-bold) 32px/var(--line-height-s) var(--font-primary);
	--font-heading-h2-small:var(--font-weight-bold) 28px/var(--line-height-s) var(--font-primary);
	--font-heading-h3-small:var(--font-weight-bold) 24px/var(--line-height-s) var(--font-primary);
	--font-heading-h4-small:var(--font-weight-bold) 20px/var(--line-height-s) var(--font-primary);
	--font-heading-h5-small:var(--font-weight-bold) 18px/var(--line-height-s) var(--font-primary);
	
	--body-longread:var(--font-weight-regular) var(--font-size-xl)/var(--line-height-m) var(--font-longread);
}

@media(max-width:480px){
	:root{
		--body-longread:var(--font-weight-regular) var(--font-size-l)/var(--line-height-m) var(--font-longread);
	}
}