/* buclea · tipografía autoalojada
 * ---------------------------------------------------------------------------
 * Lexend (OFL) para todo y JetBrains Mono (OFL) para código y datos.
 * Autoalojadas a propósito: buclea promete que en ejecución no depende de
 * terceros, y hoy `modulos/digitalitzacio-4eso/index.html` todavía las pide a
 * Google Fonts. Eso cambia el aspecto en un aula sin internet y filtra una
 * petición a un tercero desde el navegador del alumno.
 *
 * Si los .woff2 no están en ui/fonts/, no se rompe nada: cae a la pila del
 * sistema declarada en --font y --mono. Ver ui/fonts/DESCARREGA.md.
 */
@layer ui.tokens {
  /* Lexend · 400 texto · 500 UI · 600 subtítulos y botones · 700 títulos */
  @font-face {
    font-family: 'Lexend';
    src: url('./fonts/lexend-400.woff2') format('woff2');
    font-weight: 400; font-style: normal; font-display: swap;
  }
  @font-face {
    font-family: 'Lexend';
    src: url('./fonts/lexend-500.woff2') format('woff2');
    font-weight: 500; font-style: normal; font-display: swap;
  }
  @font-face {
    font-family: 'Lexend';
    src: url('./fonts/lexend-600.woff2') format('woff2');
    font-weight: 600; font-style: normal; font-display: swap;
  }
  @font-face {
    font-family: 'Lexend';
    src: url('./fonts/lexend-700.woff2') format('woff2');
    font-weight: 700; font-style: normal; font-display: swap;
  }

  /* JetBrains Mono · 400 datos · 600 destacados */
  @font-face {
    font-family: 'JetBrains Mono';
    src: url('./fonts/jetbrains-mono-400.woff2') format('woff2');
    font-weight: 400; font-style: normal; font-display: swap;
  }
  @font-face {
    font-family: 'JetBrains Mono';
    src: url('./fonts/jetbrains-mono-600.woff2') format('woff2');
    font-weight: 600; font-style: normal; font-display: swap;
  }
}