/*
 * inter.ttf — DO NOT REMOVE
 *
 * This file serves as the 'meters' font family used throughout the
 * @scatterkings/clientsdk React UI (bottom bar, menus, popups, bet stepper,
 * autoplay modal, error/message popups, etc.). It is registered here via
 * @font-face and is NOT loaded through Phaser's font_config.json.
 *
 * Source: node_modules/@scatterkings/clientsdk — all external-ui components
 * reference fontFamily: 'meters' or 'meters, sans-serif'.
 */

/* Regular - meters */
@font-face {
    font-family: 'meters';
    src: url('inter.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'meters';
    src: url('inter.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

/* Bold - metersBold */
@font-face {
    font-family: 'metersBold';
    src: url('inter.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Inter';
    src: url('inter.ttf') format('truetype');
}

/* Base page styling */
body {
    font-family: 'meters', 'inter.ttf', sans-serif;
}

/* Strong and bold text styling
strong, b {
    font-family: 'meters', 'Roboto', sans-serif;
    font-weight: bold;
}*/


em, i {
    font-family: 'meters', 'inter', sans-serif;
    font-style: italic;
}
