@font-face {
    font-family: 'Cairo';
    font-weight: 200;
    font-style: normal;
    font-display: swap;
    src: url('https://anfaan.com/storage/fonts/Cairo_200.ttf') format('truetype');
}

@font-face {
    font-family: 'Cairo';
    font-weight: 300;
    font-style: normal;
    font-display: swap;
    src: url('https://anfaan.com/storage/fonts/Cairo_300.ttf') format('truetype');
}

@font-face {
    font-family: 'Cairo';
    font-weight: 400;
    font-style: normal;
    font-display: swap;
    src: url('https://anfaan.com/storage/fonts/Cairo_400.ttf') format('truetype');
}

@font-face {
    font-family: 'Cairo';
    font-weight: 500;
    font-style: normal;
    font-display: swap;
    src: url('https://anfaan.com/storage/fonts/Cairo_500.ttf') format('truetype');
}

@font-face {
    font-family: 'Cairo';
    font-weight: 600;
    font-style: normal;
    font-display: swap;
    src: url('https://anfaan.com/storage/fonts/Cairo_600.ttf') format('truetype');
}

@font-face {
    font-family: 'Cairo';
    font-weight: 700;
    font-style: normal;
    font-display: swap;
    src: url('https://anfaan.com/storage/fonts/Cairo_700.ttf') format('truetype');
}

@font-face {
    font-family: 'Cairo';
    font-weight: 800;
    font-style: normal;
    font-display: swap;
    src: url('https://anfaan.com/storage/fonts/Cairo_800.ttf') format('truetype');
}

@font-face {
    font-family: 'Cairo';
    font-weight: 900;
    font-style: normal;
    font-display: swap;
    src: url('https://anfaan.com/storage/fonts/Cairo_900.ttf') format('truetype');
}

:root {
    --font-family-primary: 'Cairo';
    --font-family-body: 'Cairo';
    --font-family-heading: 'Cairo';
    --font-family-fallback: 'Tahoma', 'Arial', sans-serif;
}

body, html {
    font-family: var(--font-family-primary), var(--font-family-fallback);
}

h1, h2, h3, h4, h5, h6 {
    font-family: var(--font-family-heading), var(--font-family-fallback);
}