/* Critical font definitions - loaded before React to prevent FOUT */
@font-face {
  font-family: 'Things';
  src: url('/fonts/Things-Regular.otf') format('opentype');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

@font-face {
  font-family: 'Grift';
  src: url('/fonts/Grift-Black.otf') format('opentype');
  font-weight: 900;
  font-style: normal;
  font-display: block;
}

/* Pre-apply font classes to prevent flash */
.font-things {
  font-family: 'Things', sans-serif;
}

.font-grift {
  font-family: 'Grift', sans-serif;
}