@font-face {
	font-family: 'Roboto-light';
    font-style: normal;
    font-weight: 300;
    src: url("/font/Roboto/Roboto-Light.ttf");
}
@font-face {
	font-family: 'Roboto-normal';
    font-style: normal;
    font-weight: 400;
    src: url("/font/Roboto/Roboto-Regular.ttf");
}
@font-face {
	font-family: 'Roboto-bold';
    font-style: normal;
    font-weight: 600;
    src: url("/font/Roboto/Roboto-Bold.ttf");
}
@font-face {
	font-family: 'Roboto-lightItalic';
    font-style: italic;
    font-weight: 300;
    src: url("/font/Roboto/Roboto-LightItalic.ttf");
}


:root{
	--title_preset_font : var(--text_standard_size); 
	--title-font: normal var(--title_preset_font) 'Roboto-normal';
	--title-font_light: normal var(--title_preset_font) 'Roboto-light';
	--title-font_medium: normal var(--text_standard_size)/32px 'Roboto-medium';
	--title-font_bold: normal var(--title_preset_font) 'Roboto-bold'; 
	--content-font: normal var(--text_standard_size) 'Roboto-normal'; 
}