@import url('https://fonts.googleapis.com/css?family=Alexandria&display=swap');
                @import url('https://fonts.googleapis.com/css?family=Roboto+Condensed&display=swap');
    
:root {
            --primary: rgb(153, 65, 90);
                --primary-text: rgb(255, 255, 255);
                --accent: rgb(166,124,0);
                --accent-text: rgb(255, 255, 255);
                            --item-card-bg: rgba(153, 65, 90, 0.75);
                --item-card-text: rgb(255, 255, 255);
                --item-card-img-position: top center;
                        --page-bg-color: rgba(255, 255, 255, 0.2);
                                --nav-bg-color: rgba(255, 255, 255, 0.9);
                --nav-text-color: rgb(166,124,0);
                                --loading-bg-color: rgba(255, 255, 255, 0.5);
                --loading-text-color: rgb(153, 65, 90);
                                                                        }

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

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

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