/* Importa as fontes StageGrotesk Thin, Light, Regular e Bold */
@font-face {
  font-family: 'StageGrotesk';
  src: url('../fonts/stage-grotesk/OTF/StageGrotesk-Thin.otf') format('opentype'),
       url('../fonts/stage-grotesk/TTF/StageGrotesk-Thin.ttf') format('truetype');
  font-weight: 300; /* Representa a espessura 'Thin' */
  font-style: normal;
}

@font-face {
  font-family: 'StageGrotesk';
  src: url('../fonts/stage-grotesk/OTF/StageGrotesk-Light.otf') format('opentype'),
       url('../fonts/stage-grotesk/TTF/StageGrotesk-Light.ttf') format('truetype');
  font-weight: 400; /* Representa a espessura 'Light' */
  font-style: normal;
}

@font-face {
  font-family: 'StageGrotesk';
  src: url('../fonts/stage-grotesk/OTF/StageGrotesk-Regular.otf') format('opentype'),
       url('../fonts/stage-grotesk/TTF/StageGrotesk-Regular.ttf') format('truetype');
  font-weight: 500; /* Representa a espessura 'Regular' */
  font-style: normal;
}

@font-face {
  font-family: 'StageGrotesk';
  src: url('../fonts/stage-grotesk/OTF/StageGrotesk-Bold.otf') format('opentype'),
       url('../fonts/stage-grotesk/TTF/StageGrotesk-Bold.ttf') format('truetype');
  font-weight: 700; /* Representa a espessura 'Bold' */
  font-style: normal;
}

/* Exemplo de como usar as fontes */

/* Para texto com espessura Thin */
.stage-grotesk-thin {
  font-family: 'StageGrotesk', sans-serif;
  font-weight: 300;
}

/* Para texto com espessura Light */
.stage-grotesk-light {
  font-family: 'StageGrotesk', sans-serif;
  font-weight: 400;
}

/* Para texto com espessura Regular */
.stage-grotesk-regular {
  font-family: 'StageGrotesk', sans-serif;
  font-weight: 500;
}

/* Para texto com espessura Bold */
.stage-grotesk-bold {
  font-family: 'StageGrotesk', sans-serif;
  font-weight: 700;
}

/* Aplicação global (opcional) */
body {
  font-family: 'StageGrotesk', sans-serif;
  font-weight: 500; /* Define o regular como padrão */
}