@font-face {
    font-family: Inter;
    src: url('/resources/fonts/Inter-Light.ttf') format('truetype');
    font-weight: 300;
}

@font-face {
    font-family: Inter;
    src: url('/resources/fonts/Inter-Regular.ttf') format('truetype');
    font-weight: 400;
}

@font-face {
    font-family: Inter;
    src: url('/resources/fonts/Inter-Medium.ttf') format('truetype');
    font-weight: 500;
}

@font-face {
    font-family: Stapel;
    src: url('/resources/fonts/Stapel-Light.otf') format('opentype');
    font-weight: 300;
}

@font-face {
    font-family: Stapel;
    src: url('/resources/fonts/Stapel-Regular.otf') format('opentype');
    font-weight: 400;
}

:root {
	/* List of font family */
	--PRIMARY_FONT_FAMILY: Inter, sans-serif;
	--SECONDARY_FONT_FAMILY: Stapel, sans-serif;
	--ICON_FONT_FAMILY: 'Font Awesome 6 Free';
	
	/* List of font size */
	--DEFAULT_FONT_SIZE: 12px;
	
	--SECTION_HEADER_LARGE_FONT_SIZE: 20px;
	--SECTION_HEADER_FONT_SIZE: 18px;
	--SECTION_HEADER_SMALL_FONT_SIZE: 16px;
	
	--HEADER_FONT_SIZE: 15px;
	
	--SUBHEADER_FONT_SIZE: 14px;
	
	--BODY_TXT_FONT_SIZE: 13px;
	--BODY_SMALL_TXT_FONT_SIZE: 11px;
	
	--SUBBODY_TXT_FONT_SIZE: 10px;
	--SUBBODY_SMALL_TXT_FONT_SIZE: 9px;
	
	--BUTTON_LARGE_FONT_SIZE: 14px;
	--BUTTON_MED_FONT_SIZE: 13px;
	--BUTTON_SMALL_FONT_SIZE: 12px;
	
	--ICON_LARGE_FONT_SIZE: 25px;
	--ICON_FONT_SIZE: 20px;
	--ICON_SMALL_FONT_SIZE: 16px;
	--ICON_XSMALL_FONT_SIZE: 14px;
	
	/* Customize font size */
	--LIVESCORE_WIDGET_SCORE_FONT_SIZE: 30px;
	--LIVESCORE_WIDGET_SCORE_SMALL_FONT_SIZE: 20px;
	--REF_BANNER_TITLE_FONT_SIZE: 20px;
	--DAILY_REWARD_ICON_FONT_SIZE: 30px;
	--COUNTDOWN_WIDGET_TIME_FONT_SIZE: 32px;
	--KYC_PREVIEW_MODAL_CLOSE_ICON_FONT_SIZE: 45px;
	--KYC_STATUS_TITLE_ICON: 50px;
	--TRANS_CREDITS_BOX_MASK_DIV_FONT_SIZE: 24px;
	--TOURNAMENT_RANKING_NO_FONT_SIZE: 28px;
	--VIP_CURR_POINT_FONT_SIZE: 26px;
	
	/* List of font weight */
	--LIGHT_FONT_WEIGHT: 300;
	--REG_FONT_WEIGHT: 400;
	--MED_FONT_WEIGHT: 500;
	--BOLD_FONT_WEIGHT: bold;
	
	/* Follow T9 */
	--vip2_STEP_CONTAINER_CIRCLE_FONT_SIZE: 12px;
	--vip2_STEP_CONTAINER_CIRCLE_FONT_WEIGHT: 600;
	--vip2_STEP_CONTAINER_H2_FONT_SIZE: 16px;
	--vip2_STEP_CONTAINER_P_FONT_SIZE: 11px;
	--vip2_MEMBER_GRP_STATUS_HEADER_FONT_SIZE: 15px;
	--vip2_MEMBER_GRP_STATUS_HEADER_FONT_WEIGHT: 500;
	--vip2_TABLIST_FONT_SIZE: 13px;
	--vip2_TABLIST_LI_FONT_WEIGHT: 400;
	--vip2_TABLIST_LI_FONT_SIZE: 15px;
	--vip2_MEMBER_GRP_STATUS_GRP_NAME_FONT_SIZE: 14px;
	--vip2_MEMBER_GRP_STATUS_GRP_NAME_FONT_WEIGHT: 500;
	--vip2_MEMBER_GRP_STATUS_PROGRESS_TXT_FONT_SIZE: 20px;
	--vip2_MEMBER_GRP_STATUS_CURRENT_POINT_FONT_SIZE: 40px;
	--vip2_MEMBER_GRP_STATUS_CURRENT_POINT_FONT_WEIGHT: 500;
	--vip2_MEMBER_GRP_CURR_LVL_FONT_WEIGHT: 500;
	--vip2_MEMBER_GRP_STATUS_SUB_HEADER_FONT_SIZE: 14px;
	--vip2_MEMBER_GRP_STATUS_SUB_HEADER_FONT_WEIGHT: 500;
	--vip2_MEMBER_GRP_STATUS_UPCOMING_MEMBER_CONTAINER_FONT_WEIGHT: 400;
	--vip2_MEMBER_GRP_STATUS_ACHIEVE_MEMBER_CONTAINER_FONT_WEIGHT: 400;
	--vip2_MEMBER_GRP_STATUS_PROGRESS_TXT_FONT_SIZE: 13px;
	
	/* Follow T8 */
	--VIP2_MAIN_TITLE_FONT_WEIGHT: 500;
	--VIP2_LVL_NAME_FONT_SIZE: 12px;
}