/* ============================================================================
   fuentes.css · Las tipografías del producto, auto-hospedadas · POS-EMPRESA
   ----------------------------------------------------------------------------
   Único lugar donde se declara una tipografía del producto. Vive aparte de `estilos.css`
   a propósito: no todas las pantallas cargan esa hoja. El POS tiene su CSS
   propio, la portada también, la recepción pública usa `recepcion.css` y las
   cuatro aplicaciones usan `aplicaciones.css`. Cuando esas declaraciones vivían
   dentro de `estilos.css`, esas pantallas se quedaban sin tipografía: pedimos
   'Geist' y el navegador no tenía de dónde bajarlo (2026-08-22).

   Regla: si una pantalla nombra una familia de aquí, enlaza ESTA hoja. No
   copiar las declaraciones a otra hoja: se duplicarían las descargas y volvería
   a haber dos verdades.

   Los binarios están en `assets/fonts/`, con su licencia al lado (OFL.txt).
   ============================================================================ */

@font-face {
  font-family: 'Geist';
  src: url('../fonts/Geist-Regular.d8bce822db09.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Geist';
  src: url('../fonts/Geist-SemiBold.b1e6a1dd2122.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Geist';
  src: url('../fonts/Geist-Bold.04f948593dca.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Geist Mono';
  src: url('../fonts/GeistMono-Regular.e4507fb4fb5f.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

/* ── Recepción pública (`recepcion.css`) ────────────────────────────
   La pantalla que ve el cliente del restaurante tiene su propia identidad y no
   usa Geist: los títulos van en Anton y el texto en Manrope. */
@font-face {
  font-family: 'Anton';
  src: url('../fonts/Anton-Regular.d0fa07ff63dd.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
/* Manrope es una tipografía variable: un solo archivo cubre de 200 a 800, que
   es todo lo que la recepción pide (400, 500, 600, 700 y 800). */
@font-face {
  font-family: 'Manrope';
  src: url('../fonts/Manrope-Variable.a30ddcd34970.woff2') format('woff2');
  font-weight: 200 800;
  font-style: normal;
  font-display: swap;
}

/* ── Portada pública (`index.html`) ───────────────────────────────
   Fraunces es la serif editorial de la portada. Van los DOS archivos porque la
   portada usa la itálica de verdad (los `<em>` de los títulos), y una itálica
   sintetizada por el navegador en una serif se nota. El eje óptico (`opsz`) lo
   ajusta el navegador solo según el tamaño. */
@font-face {
  font-family: 'Fraunces';
  src: url('../fonts/Fraunces-Variable.7234ed860a9c.woff2') format('woff2');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Fraunces';
  src: url('../fonts/Fraunces-Variable-Italic.066710ce7ed2.woff2') format('woff2');
  font-weight: 100 900;
  font-style: italic;
  font-display: swap;
}