/* ── Las tipografías de Land of Nomads ────────────────────────────────────
 *
 * POR QUÉ EXISTE ESTE ARCHIVO
 *
 * El sistema de diseño PIDE 'Galano Grotesque Alt' en su variable --font, y
 * los cinco archivos de letra estaban servidos en fonts/. Pero nadie escribía
 * las reglas @font-face, que son las que le dicen al navegador dónde está
 * cada archivo. Resultado: la plataforma pedía la letra de marca y el
 * navegador, al no encontrarla declarada, caía a la del sistema.
 *
 * El síntoma es silencioso: la página carga, nada da error, y la letra es
 * otra. Medido con un navegador real: cero fuentes cargadas.
 *
 * Se carga ANTES que tokens.css, porque la variable --font de aquel nombra
 * estas familias.
 *
 * EN WOFF2 (11 de noviembre de 2026)
 *
 * Las cuatro Galano iban en .otf, unos 46 KB cada una. En .woff2, el mismo
 * archivo comprimido, pesan unos 25 KB y la letra no cambia: mismos glifos,
 * mismo mapa de caracteres (comprobado al convertirlas con fontTools). El
 * navegador coge la primera que sabe leer; el .otf se queda detrás por si
 * alguno no supiera.
 */

@font-face {
  font-family: 'Galano Grotesque Alt';
  src: url('fonts/galano-grotesque-alt-light.woff2') format('woff2'),
       url('fonts/galano-grotesque-alt-light.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;   /* que el texto se lea ya, con la letra de respaldo */
}

@font-face {
  font-family: 'Galano Grotesque Alt';
  src: url('fonts/galano-grotesque-alt-regular.woff2') format('woff2'),
       url('fonts/galano-grotesque-alt-regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Galano Grotesque Alt';
  src: url('fonts/galano-grotesque-alt-medium.woff2') format('woff2'),
       url('fonts/galano-grotesque-alt-medium.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Galano Grotesque Alt';
  src: url('fonts/galano-grotesque-alt-semibold.woff2') format('woff2'),
       url('fonts/galano-grotesque-alt-semibold.otf') format('opentype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

/* La de respaldo del sistema de diseño. Es variable, así que un solo
 * archivo cubre todos los gruesos. */
@font-face {
  font-family: 'Space Grotesk';
  src: url('fonts/space-grotesk-variable.woff2') format('woff2-variations');
  font-weight: 300 700;
  font-style: normal;
  font-display: swap;
}
