/* Figtree Font Faces with ss01 stylistic set support */
@font-face {
    font-family: 'Figtree';
    src: url('https://cdn.bannersnack.com/public/fonts/figtree/ttf/Figtree-Regular.ttf')
        format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap; /* Prevents FOIT, shows fallback until font loads */
}

@font-face {
    font-family: 'Figtree';
    src: url('https://cdn.bannersnack.com/public/fonts/figtree/ttf/Figtree-Medium.ttf')
        format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Figtree';
    src: url('https://cdn.bannersnack.com/public/fonts/figtree/ttf/Figtree-SemiBold.ttf')
        format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Figtree';
    src: url('https://cdn.bannersnack.com/public/fonts/figtree/ttf/Figtree-Bold.ttf')
        format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Figtree';
    src: url('https://cdn.bannersnack.com/public/fonts/figtree/ttf/Figtree-Light.ttf')
        format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Figtree';
    src: url('https://cdn.bannersnack.com/public/fonts/figtree/ttf/Figtree-ExtraBold.ttf')
        format('truetype');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Figtree';
    src: url('https://cdn.bannersnack.com/public/fonts/figtree/ttf/Figtree-Black.ttf')
        format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

/* Figtree Medium with ss01 stylistic set */
.figtree-medium {
    font-family:
        'Figtree',
        -apple-system,
        BlinkMacSystemFont,
        'Segoe UI',
        Roboto,
        'Helvetica Neue',
        Arial,
        sans-serif;
    font-weight: 500;
    font-feature-settings: 'ss01' on;
}

/* Global body font with ss01 stylistic set - Figtree Medium as default */
body {
    font-family:
        'Figtree',
        -apple-system,
        BlinkMacSystemFont,
        'Segoe UI',
        Roboto,
        'Helvetica Neue',
        Arial,
        sans-serif;
    font-weight: 500; /* Medium weight */
    font-feature-settings: 'ss01' on;
}