/**
 * Fontes com font-display: swap
 * Performance: Elimina FOIT (Flash of Invisible Text)
 *
 * IMPORTANTE: font-display swap mostra texto imediatamente com fonte fallback
 * e então faz swap quando a fonte customizada carrega.
 */

/*
 * Font Awesome - Override para adicionar font-display
 * FontAwesome já está carregado via font-awesome.min.css
 * Este arquivo garante que font-display: swap seja aplicado
 * Usa src: local() para referenciar fontes já carregadas
 */
@font-face {
  font-family: 'Font Awesome 6 Free';
  font-style: normal;
  font-weight: 900;
  font-display: swap; /* ← CRÍTICO: Elimina bloqueio de renderização */
  src: local('Font Awesome 6 Free');
}

@font-face {
  font-family: 'Font Awesome 6 Brands';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Font Awesome 6 Brands');
}

/*
 * Bootstrap Icons - Override para font-display
 */
@font-face {
  font-family: 'bootstrap-icons';
  font-display: swap; /* ← CRÍTICO: Elimina bloqueio de renderização */
  src: local('bootstrap-icons');
}

/*
 * Inter Font (caso seja usado)
 * Se usar Google Fonts, adicione &display=swap na URL
 */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Inter'), local('Inter Regular');
}

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: local('Inter SemiBold'), local('Inter-SemiBold');
}

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local('Inter Bold'), local('Inter-Bold');
}

/**
 * FALLBACK FONTS
 * Define sistema de fallback para garantir legibilidade enquanto carrega
 */
:root {
  /* Fallback stack para Sans-Serif */
  --font-sans: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;

  /* Fallback stack para Monospace */
  --font-mono: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier, monospace;
}

/**
 * PERFORMANCE NOTES:
 *
 * 1. font-display: swap
 *    - Texto visível IMEDIATAMENTE com fallback
 *    - Swap para custom font quando carregar
 *    - Elimina FOIT (Flash of Invisible Text)
 *    - Melhora FCP (First Contentful Paint) em 300-1000ms
 *
 * 2. Outras opções de font-display:
 *    - auto: comportamento padrão do browser (100ms block)
 *    - block: espera 3s antes de mostrar texto (NÃO USE)
 *    - swap: mostra imediatamente (RECOMENDADO)
 *    - fallback: 100ms block, depois swap com janela curta
 *    - optional: 100ms block, depois usa fallback se não carregou
 *
 * 3. Para Google Fonts:
 *    Adicione &display=swap na URL:
 *    https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap
 */