@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;
}

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

:root {
	--DEFAULT_FONT_SIZE: 12px;
	
	--SECTION_HEADER_LARGE_FONT_SIZE: 24px;
	--SECTION_HEADER_FONT_SIZE: 20px;
	
	--HEADER_FONT_SIZE: 18px;
	
	--SUBHEADER_FONT_SIZE: 16px;
	
	--BUTTON_LARGE_FONT_SIZE: 15px;
	--BUTTON_MED_FONT_SIZE: 14px;
	--BUTTON_SMALL_FONT_SIZE: 13px;
	
	--BODY_TXT_FONT_SIZE: 15px;
	--BODY_SMALL_TXT_FONT_SIZE: 14px;
	
	--SUBBODY_TXT_FONT_SIZE: 13px;
	--SUBBODY_SMALL_TXT_FONT_SIZE: 11px;
	
	--ICON_LARGE_FONT_SIZE: 25px;
	--ICON_FONT_SIZE: 20px;
	--ICON_SMALL_FONT_SIZE: 16px;
	--ICON_XSMALL_FONT_SIZE: 14px;
	
	/* Font family */
	--PRIMARY_FONT_FAMILY: Inter, sans-serif;
	--SECONDARY_FONT_FAMILY: Stapel, sans-serif;
	--ICON_FONT_FAMILY: 'Font Awesome 6 Free';
	
	/* Font weight */
	--LIGHT_FONT_WEIGHT: 300;
	--REG_FONT_WEIGHT: 400;
	--MED_FONT_WEIGHT: 500;
	--BOLD_FONT_WEIGHT: bold;
	
	--XL_FONT_WEIGHT: 600;
	
	/* Customize font size */
	--JACKPOT2_FONT_SIZE: 45px;
	--LOGIN_MODAL_FORM_GRP_LBL_FONT_SIZE: 12px;
	--HEADER_NAV_WALLET_BALANCE_FONT_SIZE: 16px;
	--PLAYER_TITLE_BOX_H4_FONT_SIZE: 17px;
	
	--TRANSFER_CREDIT_TITLE_FONT_SIZE: 26px;
	--TRANSFER_CREDIT_CURRENCY_FONT_SIZE: 22px;
	--TRANSFER_CREDIT_AMOUNT_FONT_SIZE: 34px;
	
	/* follow t3 */
	--FONT_WEIGHT_PRIMARY: 400;
	
	--T4_FREE_CREDIT_AMO_FONT_SIZE: 32px;
}