/* ============================================================================
   Praxiom — tipografia EMPAQUETADA (T-021)
   ----------------------------------------------------------------------------
   Las 4 familias que declara tokens.css (--font-sans, --font-serif, --font-mono,
   --font-icon), servidas LOCALES desde esta RCL. CERO peticiones de red por
   tipografia: es el pilar de movilidad del producto (un abogado en un juzgado sin
   senal abre la app y debe ver iconos, no la palabra "delete" en crudo).

   Todos son woff2 VARIABLES sub-conjuntados (subset). Un solo archivo por familia
   cubre todos los pesos vivos via el eje 'wght'. Material Symbols conserva sus 4
   ejes (FILL, GRAD, opsz, wght) porque tokens.css los maneja con
   font-variation-settings.

   COMO SE REGENERAN estos woff2 (subset incluido, imprescindible al agregar un
   icono nuevo): docs/agentes/diseno/SISTEMA-DISENO.md, seccion 3 (Tipografia).

   Rutas relativas a este archivo (css/) -> ../fonts/.
   Debe cargar JUNTO a tokens.css (antes de que se use --font-icon).
   ============================================================================ */

/* --font-sans : Inter — toda la interfaz. Variable wght, opsz fijado a texto (14). */
@font-face {
    font-family: "Inter";
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url("../fonts/inter-var.woff2") format("woff2");
}

/* --font-serif : Newsreader — h1/h2/h3 y cifras hero. */
@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");
}

/* --font-mono : JetBrains Mono — eyebrows, iniciales, badges, horas, fechas de corte. */
@font-face {
    font-family: "JetBrains Mono";
    font-style: normal;
    font-weight: 100 800;
    font-display: swap;
    src: url("../fonts/jetbrains-mono-var.woff2") format("woff2");
}
@font-face {
    font-family: "JetBrains Mono";
    font-style: italic;
    font-weight: 100 800;
    font-display: swap;
    src: url("../fonts/jetbrains-mono-italic-var.woff2") format("woff2");
}

/* --font-icon : Material Symbols Rounded — SUBSET a los iconos que el producto usa.
   font-display:block (no swap): mejor un instante en blanco que ensenar el texto
   literal del ligature ("delete", "search") mientras baja la fuente. */
@font-face {
    font-family: "Material Symbols Rounded";
    font-style: normal;
    font-weight: 100 700;
    font-display: block;
    src: url("../fonts/material-symbols-rounded-subset.woff2") format("woff2");
}