@font-face {
  font-family: 'AlteHaasGrotesk';
  src: url('fonts/AlteHaasGroteskBold.ttf') format('truetype');
  font-weight: 700;  /* Bold only */
  font-style: normal;
  font-display: swap;  /* Fast loading */
}

@font-face {
  font-family: 'pixelDingbats';
  src: url('fonts/pixel_dingbats-7.ttf') format('truetype');
  font-weight: 500;  /* Bold only */
  font-style: normal;
  font-display: swap;  /* Fast loading */
}


/* Apply ONLY to headings */
h1, h2, h3, h4, h5, h6 {
  font-family: 'AlteHaasGrotesk', var(--font-family) !important;
  font-weight: 700;
}