@import url('https://fonts.googleapis.com/css?family=IBM+Plex+Sans+Arabic&display=swap');
                @import url('https://fonts.googleapis.com/css?family=IBM+Plex+Sans&display=swap');
    
:root {
        --primary: rgb(66, 86, 165);
            --primary-text: rgb(255, 255, 255);
            --accent: rgb(172, 220, 246);
            --accent-text: rgb(255, 255, 255);
                    --text-color: rgb(255, 255, 255);
            --item-card-bg: rgb(255, 255, 255);
            --item-card-text: rgb(44, 52, 124);
                --categories-bar-bg: rgba(253, 253, 253, 0.75);
            --categories-bar-text: rgb(44, 52, 124);
            --page-bg-color: rgb(44, 52, 124);
            --page-bg-size: contain;
            --page-bg-repeat: repeat;
            --page-bg-position: top left;
                --nav-bg-color: rgba(44, 52, 124, 0.85);
            --nav-text-color: rgb(255, 255, 255);
                --nav-bg-repeat: repeat-x;
            --nav-bg-position: top center;
            --nav-bg-opacity: 0.8;
                --loading-text-color: rgb(66, 86, 165);
        }

            html[lang=ar] {
            font-family: "IBM Plex Sans Arabic", system-ui;
        }

        *[data-lang=ar] {
            font-family: "IBM Plex Sans Arabic", system-ui;
        }
                html[lang=tr] {
            font-family: "IBM Plex Sans", system-ui;
        }

        *[data-lang=tr] {
            font-family: "IBM Plex Sans", system-ui;
        }
    
body:before {
    background-image:url('https://lamaz-files.s3.fr-par.scw.cloud/bhaleeb/public/menu/background-pattern-blue-only.jpg')!important;
}

.app-bar:before {
    background-image:url('https://lamaz-files.s3.fr-par.scw.cloud/bhaleeb/public/menu/2333.jpg');
}