/*
 * Fuentes self-hosted para el catálogo Kicks Hype.
 * Syne 700/800: display (títulos, wordmark, hero).
 * Manrope: texto (body, UI, precios, meta).
 * Ver assets/catalogo/NOTES-fonts.md para detalle de origen y licencia.
 */

/* Syne — peso 700 (Bold) */
@font-face {
  font-family: 'Syne';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('../fonts/syne/Syne-Bold.woff2') format('woff2');
}

/* Syne — peso 800 (ExtraBold) */
@font-face {
  font-family: 'Syne';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url('../fonts/syne/Syne-ExtraBold.woff2') format('woff2');
}

/*
 * Manrope — fuente variable de Google Fonts. El CSS oficial (css2 API) sirve
 * un único archivo woff2 para los pesos 400/500/600/700 en el bloque latin
 * (unicode-range U+0000-00FF, etc.): es un woff2 con tabla 'wght' de variación,
 * no cuatro estáticos distintos. Se declara con un solo @font-face y
 * font-weight en rango, tal como pide el navegador para activar el eje.
 */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url('../fonts/manrope/Manrope-Variable.woff2') format('woff2');
}