/* ==========================================================================
   Self-Hosted Fonts - Proxima Nova
   ========================================================================== */

/*
   IMPORTANT: You need web font license files to use this approach.
   Place your font files in: src/assets/fonts/

   Required files for each weight:
   - proximanova-light.woff2
   - proximanova-light.woff
   - proximanova-regular.woff2
   - proximanova-regular.woff
   - proximanova-medium.woff2
   - proximanova-medium.woff
   - proximanova-semibold.woff2
   - proximanova-semibold.woff
   - proximanova-bold.woff2
   - proximanova-bold.woff
*/

/* Proxima Nova Light (300) */
@font-face {
  font-family: 'Proxima Nova';
  src: url('/assets/fonts/proximanova-light.woff2') format('woff2'),
       url('/assets/fonts/proximanova-light.woff') format('woff');
  font-weight: 300;
  font-style: normal;
  font-display: swap; /* Ensures text is visible while font loads */
}

/* Proxima Nova Regular (400) */
@font-face {
  font-family: 'Proxima Nova';
  src: url('/assets/fonts/proximanova-regular.woff2') format('woff2'),
       url('/assets/fonts/proximanova-regular.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

/* Proxima Nova Regular Italic (400) */
@font-face {
  font-family: 'Proxima Nova';
  src: url('/assets/fonts/proximanova-regularitalic.woff2') format('woff2'),
       url('/assets/fonts/proximanova-regularitalic.woff') format('woff');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

/* Proxima Nova Medium (500) */
@font-face {
  font-family: 'Proxima Nova';
  src: url('/assets/fonts/proximanova-medium.woff2') format('woff2'),
       url('/assets/fonts/proximanova-medium.woff') format('woff');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

/* Proxima Nova Semibold (600) */
@font-face {
  font-family: 'Proxima Nova';
  src: url('/assets/fonts/proximanova-semibold.woff2') format('woff2'),
       url('/assets/fonts/proximanova-semibold.woff') format('woff');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

/* Proxima Nova Bold (700) */
@font-face {
  font-family: 'Proxima Nova';
  src: url('/assets/fonts/proximanova-bold.woff2') format('woff2'),
       url('/assets/fonts/proximanova-bold.woff') format('woff');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

/*
   Performance Tips:
   - .woff2 is listed first (modern, better compression)
   - font-display: swap ensures text is visible immediately
   - Only include weights you actually use
*/