@import url('https://fonts.googleapis.com/css?family=Amiri&display=swap');
        
:root {
        --primary: rgb(19, 127, 122);
            --primary-text: rgb(0, 0, 0);
            --accent: rgb(0, 0, 0);
            --accent-text: rgb(0, 0, 0);
                    --text-color: rgb(0, 0, 0);
            --item-card-bg: rgba(183, 210, 204, 0.61);
            --item-card-text: rgb(0, 0, 0);
                        --page-bg-color: rgba(255, 255, 255, 0.2);
                            --nav-bg-color: rgba(255, 255, 255, 0.8);
            --nav-text-color: rgb(19, 127, 122);
                                --loading-text-color: rgb(19, 127, 122);
        }

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

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