@import url('https://fonts.googleapis.com/css?family=Tajawal&display=swap');
                @import url('https://fonts.googleapis.com/css?family=Barlow+Condensed&display=swap');
    
:root {
        --primary: rgb(41, 170, 225);
            --primary-text: rgb(34, 31, 31);
            --accent: rgb(34, 31, 31);
            --accent-text: rgb(255, 255, 255);
                    --text-color: rgb(68, 68, 68);
            --item-card-bg: rgb(41, 170, 225);
            --item-card-text: rgb(251, 251, 251);
                        --page-bg-color: rgba(255, 255, 255, 0.2);
                            --nav-bg-color: rgba(255, 255, 255, 0.8);
            --nav-text-color: rgb(41, 170, 225);
                            --loading-bg-color: rgba(255, 255, 255, 0.4);
            --loading-text-color: rgb(41, 170, 225);
        }

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

        *[data-lang=ar] {
            font-family: "Tajawal", system-ui;
        }
                html[lang=tr] {
            font-family: "Barlow Condensed", system-ui;
        }

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