/* ------------------------------------------------------------------- */
/* GEIST FONT FAMILY (9 WEIGHTS) */
/* ------------------------------------------------------------------- */

/* 1. Geist Thin (100) */
@font-face {
    font-family: 'Geist'; 
    font-weight: 100; 
    font-style: normal;
    src: url('../fonts/geist/Geist-Thin.woff2') format('woff2'),
         url('../fonts/geist/Geist-Thin.woff') format('woff');
}

/* 2. Geist ExtraLight (200) */
@font-face {
    font-family: 'Geist'; 
    font-weight: 200; 
    font-style: normal;
    src: url('../fonts/geist/Geist-ExtraLight.woff2') format('woff2'),
         url('../fonts/geist/Geist-ExtraLight.woff') format('woff');
}

/* 3. Geist Light (300) */
@font-face {
    font-family: 'Geist'; 
    font-weight: 300; 
    font-style: normal;
    src: url('../fonts/geist/Geist-Light.woff2') format('woff2'),
         url('../fonts/geist/Geist-Light.woff') format('woff');
}

/* 4. Geist Regular (400) */
@font-face {
    font-family: 'Geist'; 
    font-weight: 400; 
    font-style: normal;
    src: url('../fonts/geist/Geist-Regular.woff2') format('woff2'),
         url('../fonts/geist/Geist-Regular.woff') format('woff');
}

/* 5. Geist Medium (500) */
@font-face {
    font-family: 'Geist'; 
    font-weight: 500; 
    font-style: normal;
    src: url('../fonts/geist/Geist-Medium.woff2') format('woff2'),
         url('../fonts/geist/Geist-Medium.woff') format('woff');
}

/* 6. Geist SemiBold (600) */
@font-face {
    font-family: 'Geist'; 
    font-weight: 600; 
    font-style: normal;
    src: url('../fonts/geist/Geist-SemiBold.woff2') format('woff2'),
         url('../fonts/geist/Geist-SemiBold.woff') format('woff');
}

/* 7. Geist Bold (700) */
@font-face {
    font-family: 'Geist'; 
    font-weight: 700; 
    font-style: normal;
    src: url('../fonts/geist/Geist-Bold.woff2') format('woff2'),
         url('../fonts/geist/Geist-Bold.woff') format('woff');
}

/* 8. Geist ExtraBold (800) */
@font-face {
    font-family: 'Geist'; 
    font-weight: 800; 
    font-style: normal;
    src: url('../fonts/geist/Geist-ExtraBold.woff2') format('woff2'),
         url('../fonts/geist/Geist-ExtraBold.woff') format('woff');
}

/* 9. Geist Black (900) */
@font-face {
    font-family: 'Geist'; 
    font-weight: 900; 
    font-style: normal;
    src: url('../fonts/geist/Geist-Black.woff2') format('woff2'),
         url('../fonts/geist/Geist-Black.woff') format('woff');
}


/* ------------------------------------------------------------------- */
/* FUNNEL DISPLAY FONT FAMILY (6 WEIGHTS) */
/* ------------------------------------------------------------------- */

/* 1. Funnel Display Light (300) */
@font-face {
    font-family: 'Funnel Display'; 
    font-weight: 300; /* Light */
    font-style: normal;
    src: url('../fonts/funnel/FunnelDisplay-Light.woff2') format('woff2'),
         url('../fonts/funnel/FunnelDisplay-Light.woff') format('woff');
}

/* 2. Funnel Display Regular (400) */
@font-face {
    font-family: 'Funnel Display'; 
    font-weight: 400; /* Regular */
    font-style: normal;
    src: url('../fonts/funnel/FunnelDisplay-Regular.woff2') format('woff2'),
         url('../fonts/funnel/FunnelDisplay-Regular.woff') format('woff');
}

/* 3. Funnel Display Medium (500) */
@font-face {
    font-family: 'Funnel Display'; 
    font-weight: 500; /* Medium */
    font-style: normal;
    src: url('../fonts/funnel/FunnelDisplay-Medium.woff2') format('woff2'),
         url('../fonts/funnel/FunnelDisplay-Medium.woff') format('woff');
}

/* 4. Funnel Display SemiBold (600) */
@font-face {
    font-family: 'Funnel Display'; 
    font-weight: 600; /* SemiBold */
    font-style: normal;
    src: url('../fonts/funnel/FunnelDisplay-SemiBold.woff2') format('woff2'),
         url('../fonts/funnel/FunnelDisplay-SemiBold.woff') format('woff');
}

/* 5. Funnel Display Bold (700) */
@font-face {
    font-family: 'Funnel Display'; 
    font-weight: 700; /* Bold */
    font-style: normal;
    src: url('../fonts/funnel/FunnelDisplay-Bold.woff2') format('woff2'),
         url('../fonts/funnel/FunnelDisplay-Bold.woff') format('woff');
}

/* 6. Funnel Display ExtraBold (800) */
@font-face {
    font-family: 'Funnel Display'; 
    font-weight: 800; /* ExtraBold */
    font-style: normal;
    src: url('../fonts/funnel/FunnelDisplay-ExtraBold.woff2') format('woff2'),
         url('../fonts/funnel/FunnelDisplay-ExtraBold.woff') format('woff');
}