@font-face {
    font-family: Alba;
    font-style: normal;
    font-weight: 400;
    src: local('Alba'), url('../media/font/ALBA____.woff') format('woff')
}

@font-face {
    font-family: gilroy-bold;
    font-style: normal;
    font-weight: 400;
    src: url(../media/font/alba.ttf) format('truetype')
}

@font-face {
    font-family: gilroy-bold;
    font-style: normal;
    font-weight: 400;
    src: url(../media/font/Gilroy-Bold.ttf) format('truetype')
}

@font-face {
    font-family: gilroy-heavy;
    font-style: normal;
    font-weight: 400;
    src: local('Gilroy-Heavy'), url(../media/font/Gilroy-Heavy.ttf) format('truetype')
}

@font-face {
    font-family: gilroy-light;
    font-style: normal;
    font-weight: 400;
    src: local('Gilroy-Light'), url(../media/font/Gilroy-Light.ttf) format('truetype')
}

@font-face {
    font-family: gilroy-medium;
    font-style: normal;
    font-weight: 400;
    src: local('Gilroy-Medium'), url(../media/font/Gilroy-Medium.ttf) format('truetype')
}

@font-face {
    font-family: gilroy-regular;
    font-style: normal;
    font-weight: 400;
    src: local('Gilroy-Regular'), url(../media/font/Gilroy-Regular.ttf) format('truetype')
}

@font-face {
    font-family: arabic-bold;
    font-style: normal;
    font-weight: 400;
    src: url(../media/font/arabic-bold.ttf) format('truetype')
}

@font-face {
    font-family: arabic-light;
    font-style: normal;
    font-weight: 400;
    src: local('arabic-light'), url(../media/font/arabic-light.ttf) format('truetype')
}

@font-face {
    font-family: arabic-medium;
    font-style: normal;
    font-weight: 400;
    src: local('arabic-medium'), url(../media/font/arabic-medium.ttf) format('truetype')
}

@font-face {
    font-family: arabic-regular;
    font-style: normal;
    font-weight: 400;
    src: local('arabic-regular'), url(../media/font/arabic-regular.ttf) format('truetype')
}


:root {
    --regular: 'gilroy-regular', 'arabic-regular';
    --light: 'gilroy-light', 'arabic-light';
    --bold: 'gilroy-bold', 'arabic-bold'
}

body.ar {
    --regular: 'arabic-regular', 'gilroy-regular';
    --light: 'arabic-light', 'gilroy-light';
    --bold: 'arabic-bold', 'gilroy-bold'
}