:root {
    /* Semantic font variables */
    --app-font-primary: var(--font-family-open-sauce-regular);
    --app-font-primary-heading: var(--font-family-open-sauce-bold);
    --app-font-primary-subheading: var(--font-family-open-sauce-medium);
    --app-font-primary-medium: var(--font-family-open-sauce-medium);
    --app-font-primary-body: var(--font-family-open-sauce-regular);
    --app-font-primary-button: var(--font-family-open-sauce-bold);





    /* Font family declarations */
    --font-family-open-sauce-regular: 'open_sauce_tworegular';
    --font-family-open-sauce-medium: 'open_sauce_twomedium';
    --font-family-open-sauce-bold: 'open_sauce_twobold';
    --font-family-open-sauce-extra-bold: 'open_sauce_twoextrabold';
    --font-family-open-sauce-italic: 'open_sauce_twoitalic';
    --font-family-open-sauce-black: 'open_sauce_twoblack';
    --font-family-open-sauce-italic: 'open_sauce_twoitalic';
    --font-family-open-sauce-light: 'open_sauce_twolight';
}

@font-face {
    font-family: 'open_sauce_twoblack';
    src: url('./fonts/opensaucetwo/opensaucetwo-black-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sauce_twobold';
    src: url('./fonts/opensaucetwo/opensaucetwo-bold-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sauce_twoextrabold';
    src: url('./fonts/opensaucetwo/opensaucetwo-extrabold-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sauce_twoitalic';
    src: url('./fonts/opensaucetwo/opensaucetwo-italic-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sauce_twolight';
    src: url('./fonts/opensaucetwo/opensaucetwo-light-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sauce_twomedium';
    src: url('./fonts/opensaucetwo/opensaucetwo-medium-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sauce_tworegular';
    src: url('./fonts/opensaucetwo/opensaucetwo-regular-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Nunito Regular';
    font-style: normal;
    font-weight: 400;
    src: url('./fonts/nunito/nunito-v16-latin-regular.ttf') format('truetype');
}

/* nunito-700 - latin */
@font-face {
    font-family: 'Nunito Bold';
    font-style: normal;
    font-weight: 700;
    src: url('./fonts/nunito/nunito-v16-latin-700.ttf') format('truetype');
}

/* nunito-800 - latin */
@font-face {
    font-family: 'Nunito Extrabold';
    font-style: normal;
    font-weight: 800;
    src: url('./fonts/nunito/nunito-v16-latin-800.ttf') format('truetype');
}

@font-face {
    font-family: 'Nunito Regular';
    font-style: normal;
    font-weight: 400;
    src: url('./fonts/nunito/nunito-v16-latin-regular.ttf') format('truetype');
    /* Legacy iOS */
}

/* nunito-700 - latin */
@font-face {
    font-family: 'Nunito Bold';
    font-style: normal;
    font-weight: 700;
    src: url('./fonts/nunito/nunito-v16-latin-700.ttf') format('truetype');
    /* Legacy iOS */
}

/* nunito-800 - latin */
@font-face {
    font-family: 'Nunito Extrabold';
    font-style: normal;
    font-weight: 800;
    src: url('./fonts/nunito/nunito-v16-latin-800.ttf') format('truetype');
    /* Legacy iOS */
}

/* Material Icons - start*/
@font-face {
    font-family: "Material Icons";
    font-style: normal;
    font-weight: 400;
    src: local("Material Icons"), local("MaterialIcons-Regular"),
        url('./fonts/material-icon/MaterialIcons-Regular.ttf') format("truetype");
}

@font-face {
    font-family: 'muktabold';
    src: url('./fonts/mukta/mukta-bold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'muktaextrabold';
    src: url('./fonts/mukta/mukta-extrabold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'muktaextralight';
    src: url('./fonts/mukta/Mukta-ExtraLight.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'muktalight';
    src: url('./fonts/mukta/Mukta-Light.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'muktamedium';
    src: url('./fonts/mukta/Mukta-Medium.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'muktaregular';
    src: url('./fonts/mukta/Mukta-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'muktasemibold';
    src: url('./fonts/mukta/Mukta-SemiBold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Grandstander-Regular';
    src: url('./fonts/grandstander/Grandstander-Regular.ttf');
}

@font-face {
    font-family: 'Grandstander-Medium';
    src: url('./fonts/grandstander/Grandstander-Medium.ttf');
}

@font-face {
    font-family: 'Grandstander-Bold';
    src: url('./fonts/grandstander/Grandstander-Bold.ttf');
}

@font-face {
    font-family: 'Grandstander-SemiBold';
    src: url('./fonts/grandstander/Grandstander-SemiBold.ttf');
}

@font-face {
    font-family: 'Grandstander-ExtraBold';
    src: url('./fonts/grandstander/Grandstander-ExtraBold.ttf');
}