/* 
 * Otimizações de Performance para Fontes
 * 
 * Este arquivo contém otimizações para melhorar o carregamento
 * e renderização das fontes no site.
 */

/* Configurações globais de font-display */
@font-face {
  font-family: 'Space Grotesk';
  font-display: swap;
}

@font-face {
  font-family: 'Nunito Sans';
  font-display: swap;
}

@font-face {
  font-family: 'Space Mono';
  font-display: swap;
}

/* Fallbacks otimizados para elementos específicos */
.heading-h1, .heading-h2, .heading-h3, .heading-h4, .heading-h5, .heading-h6,
h1, h2, h3, h4, h5, h6 {
  font-family: 'Space Grotesk', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
}

/* Fallback para textos */
p, .text, .description {
  font-family: 'Nunito Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
}

/* Fallback para números */
.number, .score, .rating {
  font-family: 'Space Mono', 'SF Mono', Monaco, 'Cascadia Code', 'Roboto Mono', Consolas, 'Courier New', monospace;
}

/* Otimização para elementos que usavam Sora */
.ui-overline, .category-tag {
  font-family: 'Space Grotesk', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
}

/* Prevenção de FOUT (Flash of Unstyled Text) */
.font-loading {
  opacity: 0;
  transition: opacity 0.3s ease;
}

.font-loaded {
  opacity: 1;
}

/* Otimização para dispositivos móveis */
@media (max-width: 768px) {
  /* Reduzir o uso de fontes personalizadas em mobile para melhor performance */
  .mobile-optimized {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  }
}