/*
 * Inter Font — Self-hosted Variable Font
 * Source: https://github.com/rsms/inter
 * License: SIL Open Font License 1.1
 * 
 * Download InterVariable.woff2 from https://github.com/rsms/inter/releases
 * Place in this same directory as this CSS file.
 */

/* Inter Variable — All weights (100-900), all optical sizes */
@font-face {
  font-family: 'Inter';
  src: url('./InterVariable.woff2') format('woff2-variations');
  font-weight: 100 900;
  font-stretch: 75% 125%;
  font-style: normal;
  font-display: swap;
  font-named-instance: 'Regular';
}

/* Fallback for browsers without variable font support */
@font-face {
  font-family: 'Inter';
  src: url('./Inter-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Inter';
  src: url('./Inter-Medium.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Inter';
  src: url('./Inter-SemiBold.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Inter';
  src: url('./Inter-Bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

/* Italic variants (optional, download if needed) */
/*
@font-face {
  font-family: 'Inter';
  src: url('./Inter-Italic.woff2') format('woff2');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Inter';
  src: url('./Inter-MediumItalic.woff2') format('woff2');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Inter';
  src: url('./Inter-SemiBoldItalic.woff2') format('woff2');
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Inter';
  src: url('./Inter-BoldItalic.woff2') format('woff2');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
*/

/* 
 * INSTRUCTIONS:
 * 
 * 1. Download Inter Variable font from:
 *    https://github.com/rsms/inter/releases/latest
 *    → InterVariable.woff2
 * 
 * 2. (Optional) Download static weights for fallback:
 *    → Inter-Regular.woff2
 *    → Inter-Medium.woff2
 *    → Inter-SemiBold.woff2
 *    → Inter-Bold.woff2
 * 
 * 3. Place all .woff2 files in this directory:
 *    wp-theme/gp-child/assets/fonts/inter/
 * 
 * 4. The variable font (InterVariable.woff2) contains ALL weights (100-900)
 *    and optical sizes in a single ~45KB file. This is the recommended approach.
 * 
 * 5. Preload in functions.php (already included):
 *    <link rel="preload" href="/wp-content/themes/gp-child/assets/fonts/inter/InterVariable.woff2" as="font" type="font/woff2" crossorigin>
 * 
 * 6. Verify in browser DevTools → Network → Fonts:
 *    - Should load InterVariable.woff2 only
 *    - font-display: swap prevents invisible text during load
 */