:root, .app-colors {
    /** app **/
    --app-background: #f5f5f5;
    /*--app-background: #eaeaea;*/
    /*--app-background: #fff;*/

    --main-top: #262626;
    --main-top-text: #FFFFFF;

    --text-a: #191919;
    --text-b: #3f6a9d;

    --button-a-background: #bf3434;
    --button-a-over: #b32a2a;
    --button-a-text: #FFFFFF;

    --button-b-background: #3d3d3d;
    --button-b-over: #444444;
    --button-b-text: #FFFFFF;

    --footer-background: #262626;
    --footer-text: #FFFFFF;

    --toolbar-shadow: 0px 1px 3px #3e3e3e;

    --element-background: #fff;
    --element-color: initial;

    --font-a: Felix;
    --font-b: Felix;

    /*--app-direction:rtl;*/
    /*--app-direction:ltr;*/
}


@font-face {
    font-family: Assistant;
    src: url('../assets/fonts/Assistant/Assistant-Regular.ttf');
}
@font-face {
    font-family: Felix;
    src: url('../assets/fonts/felix/felix007-medium-webfont.ttf');
}

@font-face {
    font-family: Rubik;
    src: url('../assets/fonts/Rubik/Rubik-VariableFont_wght.ttf');
}

/*@font-face {*/
    /*font-family: GadiAlmogAlefAlefAlef;*/
    /*src: url('../assets/fonts/GadiAlmogAlefAlefAlef/gadi-almog-regular-aaa.woff');*/
/*}*/

:root {
    --ion-font-family: Assistant;
}

:root[mode=md] {
    --ion-font-family: Assistant;
}

:root[mode=ios] {
    --ion-font-family: Assistant;
}

.font-b {
    font-family: Assistant;
}