/* 1. Exo 2 - Regular (Vertical) Variable Font */
@font-face {
    font-family: 'Exo 2'; /* Name you will use in CSS */
    src: url('../fonts/Exo2-VariableFont_wght.woff2') format('woff2'),
    url('../fonts/Exo2-VariableFont_wght.ttf') format('truetype-variations');

    /* Define the range of weights available in this file (100 to 900) */
    font-weight: 100 900;

    /* This file contains only the regular (non-italic) style */
    font-style: normal;

    /* Recommended: Display the text using a fallback font while this loads */
    font-display: swap;
}

/* 2. Exo 2 - Italic Variable Font */
@font-face {
    font-family: 'Exo 2'; /* Use the SAME family name */
    src: url('../fonts/Exo2-Italic-VariableFont_wght.woff2') format('woff2'),
    url('../fonts/Exo2-Italic-VariableFont_wght.ttf') format('truetype-variations');

    /* Define the weight range */
    font-weight: 100 900;

    /* This file contains only the italic style */
    font-style: italic;

    font-display: swap;
}

/* Repeat the above structure for the Lora variable font */