/* Jost Variable Font */
@font-face {
    font-family: 'Jost';
    src: url('/fonts/Jost/Jost-VariableFont_wght.ttf') format('truetype');
    font-weight: 100 900;
    font-style: normal;
    font-display: swap;
  }
  
  @font-face {
    font-family: 'Jost';
    src: url('/fonts/Jost/Jost-Italic-VariableFont_wght.ttf') format('truetype');
    font-weight: 100 900;
    font-style: italic;
    font-display: swap;
  }
  
  /* Oswald Variable Font */
  @font-face {
    font-family: 'Oswald';
    src: url('/fonts/Oswald/Oswald-VariableFont_wght.ttf') format('truetype');
    font-weight: 200 700;
    font-style: normal;
    font-display: swap;
  }
  
  @font-face {
    font-family: 'Oswald';
    src: url('/fonts/Oswald/Oswald-Italic-VariableFont_wght.ttf') format('truetype');
    font-weight: 200 700;
    font-style: italic;
    font-display: swap; 
  }
  
  /* Optional: CSS variables for easy usage */
  :root {
    --font-jost: 'Jost', sans-serif;
    --font-oswald: 'Oswald', sans-serif;
  }