:root {
    --font-h1: 'Cairo-ExtraLight';
    --font-size-h1: 72px;
    --font-h2: 'Cairo-ExtraLight';
    --font-size-h2: 62px;
    --font-h3: 'Cairo-ExtraLight';
    --font-size-h3: 42px;
    --font-h4: 'Cairo-ExtraLight';
    --font-size-h4: 34px;
    --font-h5: 'Cairo-ExtraLight';
    --font-size-h5: 28px;
    --font-h6: 'JosefinSans-Light';
    --font-size-h6: 24px;
    --font-regular: 'JosefinSans-Light';
    --font-size-regular: 20px;
    --color-main: #202020;
    --color-button: rgb(81,66,55);
    --color-hover: rgb(81,66,55);
    --color-heading: #998b81;
    --color-header: rgb(255,255,255);
    --color-menu-bgr: rgb(106,90,78);
    --color-boxes-bgr-overlay: #000;
    --color-section-bgr: rgb(248,245,240);
    --color-link: #514237;
    --color-custom-text: #514237;
    --color-overlay-slide: #000;
    --sidemenu-main-link-color: #19222a;
    --sidemenu-main-link-hover-color: #a6a4a2;
}

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

@font-face {
    font-family: 'JosefinSans-Bold';
    src:url('../fonts/josefin-sans/JosefinSans-Bold.woff2') format('woff2'),
        url('../fonts/josefin-sans/JosefinSans-Bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'JosefinSans-Light';
    src:url('../fonts/josefin-sans/JosefinSans-Light.woff2') format('woff2'),
        url('../fonts/josefin-sans/JosefinSans-Light.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'JosefinSans-Regular';
    src:url('../fonts/josefin-sans/JosefinSans-Regular.woff2') format('woff2'),
        url('../fonts/josefin-sans/JosefinSans-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}