/* =========================================================
=======================  FONTS  ===================
=========================================================
Self-hosted fonts for English and Arabic text, including
headings and body fonts.

Table of Content (Fonts):
1. Montserrat (English Headings)
2. Poppins (English Body)
3. Almarai (Arabic Body)
4. Cairo (Arabic Headings)
========================================================= */

/* ===============================
    1. Montserrat (English Headings)
=============================== */
@font-face {
    font-family: 'Montserrat';
    src: local('Montserrat Bold'), local('Montserrat-Bold'),
        url('../../assets/fonts/montserrat/Montserrat-Bold.woff2') format('woff2'),
        url('../../assets/fonts/montserrat/Montserrat-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: local('Montserrat Regular'), local('Montserrat-Regular'),
        url('../../assets/fonts/montserrat/Montserrat-Regular.woff2') format('woff2'),
        url('../../assets/fonts/montserrat/Montserrat-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

/* ===============================
    2. Poppins (English Body)
=============================== */
@font-face {
    font-family: 'Poppins';
    src: local('Poppins Bold'), local('Poppins-Bold'),
        url('../../assets/fonts/poppins/Poppins-Bold.woff2') format('woff2'),
        url('../../assets/fonts/poppins/Poppins-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: local('Poppins Regular'), local('Poppins-Regular'),
        url('../../assets/fonts/poppins/Poppins-Regular.woff2') format('woff2'),
        url('../../assets/fonts/poppins/Poppins-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

/* ===============================
    3. Almarai (Arabic Body)
=============================== */
@font-face {
    font-family: 'Almarai';
    src: local('Almarai Bold'), local('Almarai-Bold'),
        url('../../assets/fonts/almarai/Almarai-Bold.woff2') format('woff2'),
        url('../../assets/fonts/almarai/Almarai-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Almarai';
    src: local('Almarai Regular'), local('Almarai-Regular'),
        url('../../assets/fonts/almarai/Almarai-Regular.woff2') format('woff2'),
        url('../../assets/fonts/almarai/Almarai-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

/* ===============================
    4. Cairo (Arabic Headings)
=============================== */
@font-face {
    font-family: 'Cairo';
    src: local('Cairo Bold'), local('Cairo-Bold'),
        url('../../assets/fonts/cairo/Cairo-Bold.woff2') format('woff2'),
        url('../../assets/fonts/cairo/Cairo-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Cairo';
    src: local('Cairo Regular'), local('Cairo-Regular'),
        url('../../assets/fonts/cairo/Cairo-Regular.woff2') format('woff2'),
        url('../../assets/fonts/cairo/Cairo-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}