/* ═══════════════════════════════════════════════════════════════════════
   EZGEARS · Fuentes autoalojadas
   Corrige el hallazgo P1-02 de la auditoría.

   Antes las tres familias llegaban por `@import url('https://fonts.google...')`
   desde brand-tokens.css. Un @import en CSS es SERIAL: el navegador descarga
   la hoja, la parsea y sólo entonces descubre que necesita una tercera. Bloquea
   el render y cuesta LCP directamente, además de ser dependencia externa.

   Aquí van como @font-face con los woff2 servidos desde el propio dominio.
   Subconjunto latino: 105 KB las tres, frente a las cinco peticiones a dos
   dominios de Google que había antes.
   ═══════════════════════════════════════════════════════════════════════ */

/* Rango latino. Se declara para que el navegador ni mire el archivo si la
   página no usa estos caracteres. */

/* ── Cuerpo ───────────────────────────────────────────────────────────
   Inter variable, con los dos ejes: wght 100–900 y opsz 14–32.
   El eje óptico es lo que hace que `font-optical-sizing: auto` en los
   tokens tenga efecto real; con un corte estático no haría nada.
   El nombre de familia es 'InterVariable' porque es el primero que piden
   los tokens, y deja explícito que es la variable y no un peso suelto. */
@font-face {
  font-family: 'InterVariable';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url('/shared/fonts/inter-variable-latin.woff2') format('woff2-variations');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6,
    U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122,
    U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* ── Display ──────────────────────────────────────────────────────────
   Space Grotesk no tiene eje óptico: ahí la corrección por tamaño es el
   tracking manual que definen los tokens, no el eje de la fuente.
   Sólo se usa el 700, que es el único peso que pide el sistema. */
@font-face {
  font-family: 'Space Grotesk';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('/shared/fonts/space-grotesk-700-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6,
    U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122,
    U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* ── Etiquetas técnicas ───────────────────────────────────────────────
   Cifras, placas, coordenadas y tramas. Un solo peso. */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('/shared/fonts/jetbrains-mono-500-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6,
    U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122,
    U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}