/*
 * css/fonts.css — tipografía self-hosted del sitio.
 *
 * La landing nueva (diseño aprobado 2026-09-05) usa el par Archivo /
 * Newsreader; el resto del chrome sigue en Inter + Lora del core.
 *
 * Variable fonts subset latin (cubre el español). Inter/Lora de Fontsource
 * (jsDelivr); Archivo/Newsreader de Google Fonts (gstatic). Licencia OFL.
 * Self-hosted a propósito: la CSP es `default-src 'self'`.
 */

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url('fonts/inter-var.woff2') format('woff2');
}

/* Lora: la familia que el core pone en .transcription-body. Si falta,
   el visor cae a serif genérica y se ve distinto al backend. */
@font-face {
  font-family: 'Lora';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url('fonts/lora-var.woff2') format('woff2');
}
@font-face {
  font-family: 'Lora';
  font-style: italic;
  font-weight: 400 700;
  font-display: swap;
  src: url('fonts/lora-italic-var.woff2') format('woff2');
}

/* Landing (diseño 2026-09-05): grotesca condensada + serif de prosa. */
@font-face {
  font-family: 'Archivo';
  font-style: normal;
  font-weight: 100 900;
  font-stretch: 62% 125%;
  font-display: swap;
  src: url('fonts/archivo-var.woff2') format('woff2');
}
@font-face {
  font-family: 'Archivo';
  font-style: italic;
  font-weight: 100 900;
  font-stretch: 62% 125%;
  font-display: swap;
  src: url('fonts/archivo-italic-var.woff2') format('woff2');
}
@font-face {
  font-family: 'Newsreader';
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
  src: url('fonts/newsreader-var.woff2') format('woff2');
}
@font-face {
  font-family: 'Newsreader';
  font-style: italic;
  font-weight: 200 800;
  font-display: swap;
  src: url('fonts/newsreader-italic-var.woff2') format('woff2');
}

/* Hoja del visor (2026-09-16, D9): tipografía de imprenta del siglo XIX.
   No es variable: 400, 700 e itálica 400 (Google no tiene negrita itálica;
   el navegador la sintetiza). Subset latin de Google Fonts, sólo `.hoja`. */
@font-face {
  font-family: 'Old Standard TT';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('fonts/oldstandard-400.woff2') format('woff2');
}
@font-face {
  font-family: 'Old Standard TT';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('fonts/oldstandard-700.woff2') format('woff2');
}
@font-face {
  font-family: 'Old Standard TT';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url('fonts/oldstandard-italic-400.woff2') format('woff2');
}