/* ==========================================================================
   MODO — Tipografía
   --------------------------------------------------------------------------
   ESTE ES EL ÚNICO ARCHIVO A TOCAR PARA PONER LAS FUENTES DEFINITIVAS.

   El manual define:
     1. TOSH A BOLD      (Black[Foundry]) — titulares
     2. POLYMATH REGULAR                  — texto secundario

   Ambas son comerciales y requieren licencia webfont. Mientras no estén,
   se usan sustitutos libres del mismo ADN geométrico:
     Tosh A   →  Outfit         (geométrica, "O" casi perfectamente circular)
     Polymath →  Hanken Grotesk (grotesca editorial, neutra)

   PARA CAMBIAR A LAS REALES:
     1. Copiar los .woff2 en  assets/fonts/
     2. Descomentar el bloque @font-face de abajo
     3. Borrar el <link> de Google Fonts del <head> de index.html
     4. En tokens.css cambiar --font-display y --font-body
   Nada más de la web necesita tocarse.
   ========================================================================== */

/* --- PROVISORIO: sustitutos libres ---
   Se cargan con un <link> en el <head> de index.html, no acá con @import:
   un @import dentro de un CSS obliga al navegador a bajar los archivos en
   serie en lugar de en paralelo, y retrasa el primer render. --- */

/* --- DEFINITIVO: descomentar cuando lleguen los archivos con licencia ---

@font-face {
  font-family: 'Tosh A';
  src: url('../assets/fonts/ToshA-Bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Polymath';
  src: url('../assets/fonts/Polymath-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

--- y en tokens.css:
      --font-display: 'Tosh A', 'Outfit', sans-serif;
      --font-body:    'Polymath', 'Hanken Grotesk', sans-serif;
*/