@import url('https://fonts.googleapis.com/css?family=ABeeZee&display=swap');
                @import url('https://fonts.googleapis.com/css?family=ABeeZee&display=swap');
    
:root {
            --primary: rgb(201, 22, 225);
                --primary-text: rgb(182, 45, 167);
                --accent: rgb(208, 19, 233);
                --accent-text: rgb(209, 18, 181);
                --warn: rgb(51, 14, 226);
                --warn-text: rgb(30, 9, 224);
                --text-color: rgb(56, 23, 62);
                                    --page-bg-color: rgba(255, 255, 255, 0.2);
                                --nav-bg-color: rgb(0, 0, 0);
                --nav-text-color: rgb(255, 255, 255);
                                                                                                }

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

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

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