@import url('https://fonts.googleapis.com/css?family=Cairo&display=swap');
        
:root {
            --primary: rgb(187, 158, 111);
                --primary-text: rgb(255, 255, 255);
                --accent: rgb(99, 126, 119);
                --accent-text: rgb(255, 255, 255);
                        --text-color: rgb(94, 94, 94);
                --item-card-bg: rgba(187, 158, 111, 0.8);
                --item-card-text: rgb(255, 255, 255);
                --item-card-img-position: bottom center;
                        --page-bg-color: rgba(255, 255, 255, 0.2);
                    --page-bg-repeat: repeat;
                --page-bg-position: center;
                --page-bg-opacity: 0.05;
                --nav-bg-color: rgba(255, 255, 255, 0.9);
                --nav-text-color: rgb(99, 126, 119);
                                --loading-bg-color: rgba(255, 255, 255, 0.52);
                --loading-text-color: rgb(187, 158, 111);
                --note-color: rgb(99, 126, 119);
                                                                    }

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

        *[data-lang=ar] {
        font-family: "Cairo", system-ui;
        }
        
    body:before {
    background-image:url('https://lamaz-files.s3.fr-par.scw.cloud/sultan-saray/public/menu/pattern-sm.png')!important;
    }