/*
  Font Declarations
  Supreme font family with cross-browser compatibility
*/

/* Supreme Regular */
@font-face {
  font-family: 'Supreme';
  src: url('../assets/fonts/Supreme-Regular.eot'); /* IE9 Compat Modes */
  src: url('../assets/fonts/Supreme-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../assets/fonts/Supreme-Regular.woff2') format('woff2'), /* Modern Browsers */
       url('../assets/fonts/Supreme-Regular.woff') format('woff'), /* Pretty Modern Browsers */
       url('../assets/fonts/Supreme-Regular.ttf') format('truetype'); /* Safari, Android, iOS */
  font-weight: 400;
  font-style: normal;
  font-display: swap; /* Improve loading performance */
}

/* Supreme Medium */
@font-face {
  font-family: 'Supreme';
  src: url('../assets/fonts/Supreme-Medium.eot'); /* IE9 Compat Modes */
  src: url('../assets/fonts/Supreme-Medium.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../assets/fonts/Supreme-Medium.woff2') format('woff2'), /* Modern Browsers */
       url('../assets/fonts/Supreme-Medium.woff') format('woff'), /* Pretty Modern Browsers */
       url('../assets/fonts/Supreme-Medium.ttf') format('truetype'); /* Safari, Android, iOS */
  font-weight: 500;
  font-style: normal;
  font-display: swap; /* Improve loading performance */
}

/* Supreme Bold */
@font-face {
  font-family: 'Supreme';
  src: url('../assets/fonts/Supreme-Bold.eot'); /* IE9 Compat Modes */
  src: url('../assets/fonts/Supreme-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../assets/fonts/Supreme-Bold.woff2') format('woff2'), /* Modern Browsers */
       url('../assets/fonts/Supreme-Bold.woff') format('woff'), /* Pretty Modern Browsers */
       url('../assets/fonts/Supreme-Bold.ttf') format('truetype'); /* Safari, Android, iOS */
  font-weight: 700;
  font-style: normal;
  font-display: swap; /* Improve loading performance */
}

/* Font loading optimization */
@supports (font-display: optional) {
  @font-face {
    font-family: 'Supreme';
    src: url('../assets/fonts/Supreme-Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: optional; /* Only show font if it loads quickly */
  }
  
  @font-face {
    font-family: 'Supreme';
    src: url('../assets/fonts/Supreme-Medium.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: optional;
  }
  
  @font-face {
    font-family: 'Supreme';
    src: url('../assets/fonts/Supreme-Bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: optional;
  }
}