@font-face {
    font-family: 'Janna-Regular';
    src: url('../elements/fonts/Janna/Janna-Regular.ttf') format('truetype'),
         url('../elements/fonts/Janna/Janna-Regular.otf') format('opentype');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'Janna-Bold';
    src: url('../elements/fonts/Janna/Janna-Bold.ttf') format('truetype'),
         url('../elements/fonts/Janna/Janna-Bold.otf') format('opentype');
    font-weight: 700;
    font-style: normal;
}

:root {
    --dark-color: #FFAA17;
    --primary-color: #333333;
     --offer-color: #FE3939;
    --logo-padding: 0;
    --font-family: 'Roboto';
    --ar-font-family-regular: 'Janna-Regular'; /* Use the first Arabic regular font as default */
    --ar-font-family-bold: 'Janna-Bold'; /* Use the first Arabic bold font as default */
    --paragraph-color: #666666;
}