/* ============================================================
   Tarot de Tiziana — Webfonts (SELF-HOSTED)
   Source Serif 4 (display/headings) + IBM Plex Sans (body/UI) +
   IBM Plex Mono (figures/code).
   ------------------------------------------------------------
   2026-07-16 · Frente de fuentes:
   · Se encola en TODO el front con el handle 'tizi-fonts'
     (neve-child/functions.php). NO se importa desde styles.css:
     daría dos URLs del mismo fichero → doble descarga.
   · Sans y serif pasan a VARIABLES: un fichero por familia y
     estilo cubre todos los pesos. 4 estáticas de Plex (93,9 KB)
     → 1 variable (44,6 KB), y de paso trae el 300 y el 500 que
     faltaban. La mono se queda estática a propósito: solo usa 2
     pesos (29 KB); su variable pesaría más.
   · ITÁLICAS REALES. Regla crítica: la cara itálica lleva el
     MISMO font-family que la redonda y se distingue SOLO por el
     descriptor font-style: italic. Si se le diera nombre propio
     ('IBM Plex Sans Italic'), <em> no la encontraría dentro de la
     familia y el navegador seguiría SINTETIZANDO una oblicua.
   · Los @font-face son perezosos: declarar caras no cuesta nada
     hasta que un elemento las pide.

   ⚠️ Al tocar este archivo o los .woff2, subir la versión del
   enqueue 'tizi-fonts' en functions.php (el ?ver=).
   Origen de los ficheros: fonts.gstatic.com (API de Google Fonts),
   subset latin. Descargados y servidos desde el theme: cero
   peticiones a Google en tiempo de ejecución.
   ============================================================ */

/* ---- Source Serif 4 — display / headings (variable 400–700) ---- */
@font-face {
  font-family: 'Source Serif 4';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url(../assets/fonts/source-serif-4.woff2) format('woff2');
}
@font-face {
  font-family: 'Source Serif 4';   /* mismo nombre que la redonda */
  font-style: italic;              /* ← lo que evita la síntesis */
  font-weight: 400 700;
  font-display: swap;
  src: url(../assets/fonts/source-serif-4-italic.woff2) format('woff2');
}

/* ---- IBM Plex Sans — body / UI (variable 100–700) ---- */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 100 700;
  font-display: swap;
  src: url(../assets/fonts/ibm-plex-sans.woff2) format('woff2');
}
@font-face {
  font-family: 'IBM Plex Sans';    /* mismo nombre que la redonda */
  font-style: italic;              /* ← lo que evita la síntesis */
  font-weight: 100 700;
  font-display: swap;
  src: url(../assets/fonts/ibm-plex-sans-italic.woff2) format('woff2');
}

/* ---- IBM Plex Mono — figures, durations, code (estáticas a propósito) ---- */
@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../assets/fonts/ibm-plex-mono-400.woff2) format('woff2');
}
@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(../assets/fonts/ibm-plex-mono-500.woff2) format('woff2');
}
