/* ──────────────────────────────────────────────────────────────────────────
   Fuentes del tema El Altillo
   Réplica de las variables que Next (next/font) inyectaba en <html> y de las
   @font-face locales de src/app/globals.css.

   app.css (CSS compilado de Tailwind) usa estas variables:
     - body            → var(--font-jakarta)
     - .font-bethany   → var(--font-bethany)
     - .font-jakarta   → var(--font-jakarta)
     - .font-journal   → var(--font-journal)
     - .font-optima    → var(--font-optima)

   En Next esas variables se definían en una clase sobre <html> (next/font).
   En WordPress NO existe esa clase, así que las fijamos aquí en :root para que
   app.css resuelva idéntico. Los .woff2 reales (Jakarta/Geist y locales) ya se
   referencian desde app.css con rutas ../fonts/ (mismo directorio que este
   archivo); las @font-face locales se redeclaran aquí por claridad.
   ────────────────────────────────────────────────────────────────────────── */

@font-face {
  font-family: "BethanyElingston";
  src: url("../fonts/BethanyElingston-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "IvyJournal";
  src: url("../fonts/IvyJournal-Thin.woff2") format("woff2"),
       url("../fonts/IvyJournal-Thin.woff") format("woff");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Optima";
  src: url("../fonts/optima-regular.woff2") format("woff2"),
       url("../fonts/optima-regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

:root {
  /* Display (titulares) */
  --font-bethany: "BethanyElingston", serif;
  /* Cuerpo — equivale a next/font Plus_Jakarta_Sans (las @font-face reales con
     sus subsets y la cara "Plus Jakarta Sans Fallback" viven en app.css) */
  --font-jakarta: "Plus Jakarta Sans", "Plus Jakarta Sans Fallback", sans-serif;
  /* next/font Geist (se usaba como --font-geist-sans en <html>) */
  --font-geist-sans: "Geist", "Geist Fallback", sans-serif;
  /* Fuentes locales auxiliares */
  --font-journal: "IvyJournal", serif;
  --font-optima: "Optima", sans-serif;
}