@import url('https://fonts.googleapis.com/css?family=Zain&display=swap');
                @import url('https://fonts.googleapis.com/css?family=Oldenburg&display=swap');
                @import url('https://fonts.googleapis.com/css?family=Oldenburg&display=swap');
    
:root {
            --primary: rgb(86, 173, 225);
                --primary-text: rgb(255, 255, 255);
                --accent: rgb(243, 100, 100);
                --accent-text: rgb(255, 255, 255);
                        --text-color: rgb(109, 109, 109);
                --item-card-bg: rgba(185, 219, 241, 0.1);
                --item-card-text: rgb(86, 173, 225);
                --item-card-img-position: center;
                        --page-bg-color: rgba(255, 255, 255, 0.2);
                                --nav-bg-color: rgba(255, 255, 255, 0.87);
                --nav-text-color: rgb(86, 173, 225);
                    --nav-bg-repeat: repeat-x;
                --nav-bg-position: bottom left;
                        --loading-text-color: rgb(86, 173, 225);
                                                                        }

            html[lang=ar] {
        font-family: "Zain", system-ui;
        }

        *[data-lang=ar] {
        font-family: "Zain", system-ui;
        }
                html[lang=en] {
        font-family: "Oldenburg", system-ui;
        }

        *[data-lang=en] {
        font-family: "Oldenburg", system-ui;
        }
                html[lang=tr] {
        font-family: "Oldenburg", system-ui;
        }

        *[data-lang=tr] {
        font-family: "Oldenburg", system-ui;
        }
    

    .app-bar:before {
    background-image:url('https://lamaz-files.s3.fr-par.scw.cloud/bakery-box/public/menu/pattern-sm.png');
    }