@font-face {
  font-family: 'SF Pro';
  src: url('./sf_pro/SFPRODISPLAYREGULAR.OTF') format('opentype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'SF Pro';
  src: url('./sf_pro/SFPRODISPLAYBOLD.OTF') format('opentype');
  font-weight: bold;
  font-style: normal;
}

/* Add other font variations */
@font-face {
  font-family: 'SF Pro';
  src: url('./sf_pro/SFPRODISPLAYMEDIUM.OTF') format('opentype');
  font-weight: 500;
  font-style: normal;
}

/* Add italic variations */
@font-face {
  font-family: 'SF Pro';
  src: url('./sf_pro/SFPRODISPLAYSEMIBOLDITALIC.OTF') format('opentype');
  font-weight: 600;
  font-style: italic;
}

/* Apply the font globally */
body {
  font-family: 'SF Pro', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
}