/* ============================================================
 * assets/css/fonts.css
 *
 * Las tipografías del manual de marca (sección 3):
 *
 *   Swiss 721 BT   titulares (h1–h4 y elementos display). Autohospedada:
 *                  los dos TTF de assets/fonts/ cubren todos los pesos
 *                  —roman para 400–500, black para 600–900— así que una
 *                  sola familia 'Swiss 721' resuelve el peso que se pida.
 *                  Son TTF y no woff2 porque es lo que vino en el kit de
 *                  marca; a 36 KB cada uno, la conversión no paga.
 *   Montserrat     cuerpo de texto y UI. Llega de Google Fonts con el
 *                  <link> que emite temaHead(), no de acá: un @import
 *                  encadenaría la descarga detrás de este archivo.
 *
 * Qué va dónde: este archivo declara las caras y la regla de titulares;
 * los NOMBRES de pila (--font-titulos / --font-cuerpo) viven en
 * assets/css/theme.css con el resto de los tokens, porque es el único
 * archivo donde las páginas esperan encontrarlos definidos.
 *
 * Lo emite temaHead() (includes/tema.php) antes de theme.css, así toda
 * página que tiene tema tiene también las fuentes.
 *
 * font-display: swap — el texto sale con la fuente de reserva y se
 * cambia al llegar la buena: en una tabla de honorarios es mejor un
 * parpadeo tipográfico que texto invisible.
 * ============================================================ */

@font-face {
    font-family: 'Swiss 721';
    src: url('../fonts/swiss721-roman.ttf') format('truetype');
    font-weight: 400 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Swiss 721';
    src: url('../fonts/swiss721-black.ttf') format('truetype');
    font-weight: 600 900;
    font-style: normal;
    font-display: swap;
}

/* Los titulares van en la principal; el resto de la página hereda la
 * secundaria del body (la ponen los shells y las páginas sueltas).
 * Hasta h4 como pide el manual: h5/h6 son de UI densa y quedan en la
 * del cuerpo. */
h1,
h2,
h3,
h4 {
    font-family: var(--font-titulos);
}