/* FUENTES — Solo en calma
   Puerto de _contexto/diseno/01-sistema-de-diseno/project/tokens/fuentes.css
   con las familias ya autoalojadas, según guidelines/fuentes-autoalojadas.md.

   RGPD: no hay @import ni ninguna petición a fonts.googleapis.com ni a
   fonts.gstatic.com. Los .woff2 salen de assets/fuentes/ de este mismo dominio.

   Dos familias y ninguna más: Fraunces (display) y Nunito Sans (lectura e
   interfaz). Fredoka no se carga: el logotipo se sirve como SVG.
   Subconjuntos: latin y latin-ext. Ni cirílico ni griego ni vietnamita.

   Redonda y cursiva de las dos familias. La cursiva es de dibujo real, no una
   inclinación calculada: base.css deja font-synthesis en none a propósito, así
   que sin estos archivos <em> e <i> se verían idénticos al texto normal y el
   énfasis del cuerpo de lección y de las citas del tutor desaparecería.
   Las cursivas NO se precargan: entran cuando el texto las pide. */

/* ── Fraunces ─────────────────────────────────────────────────────────────
   Archivo variable con cuatro ejes: opsz, wght, SOFT y WONK.
   El rango 400 700 es una declaración, no un recorte: el binario trae wght
   100..900 completo y el navegador lo pinza a lo que aquí se declara. Así
   nadie puede pedir un peso que el sistema no contempla. */
@font-face {
  font-family: "Fraunces";
  src: url("../fuentes/fraunces-variable.woff2") format("woff2");
  font-weight: 400 700;
  font-style: normal;
  font-display: swap;
  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;
}

@font-face {
  font-family: "Fraunces";
  src: url("../fuentes/fraunces-variable-ext.woff2") format("woff2");
  font-weight: 400 700;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* Cursiva de Fraunces. Mismos cuatro ejes y mismo rango de peso declarado que
   la redonda, así que las clases .sc-ejes-* siguen valiendo tal cual. */
@font-face {
  font-family: "Fraunces";
  src: url("../fuentes/fraunces-variable-italic.woff2") format("woff2");
  font-weight: 400 700;
  font-style: italic;
  font-display: swap;
  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;
}

@font-face {
  font-family: "Fraunces";
  src: url("../fuentes/fraunces-variable-italic-ext.woff2") format("woff2");
  font-weight: 400 700;
  font-style: italic;
  font-display: swap;
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* ── Nunito Sans ──────────────────────────────────────────────────────────
   Dos ejes: wght y opsz. Los ejes wdth e YTLC se fijaron en su valor por
   defecto al descargar, porque el sistema nunca los mueve; eso quita peso al
   archivo. De ahí el font-stretch fijo al 100%. */
@font-face {
  font-family: "Nunito Sans";
  src: url("../fuentes/nunito-sans-variable.woff2") format("woff2");
  font-weight: 400 700;
  font-stretch: 100%;
  font-style: normal;
  font-display: swap;
  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;
}

@font-face {
  font-family: "Nunito Sans";
  src: url("../fuentes/nunito-sans-variable-ext.woff2") format("woff2");
  font-weight: 400 700;
  font-stretch: 100%;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* Cursiva de Nunito Sans. Descargada con el mismo criterio que la redonda:
   wght y opsz vivos, wdth e YTLC fijados en su valor por defecto. De ahí que
   repita el font-stretch al 100%. */
@font-face {
  font-family: "Nunito Sans";
  src: url("../fuentes/nunito-sans-variable-italic.woff2") format("woff2");
  font-weight: 400 700;
  font-stretch: 100%;
  font-style: italic;
  font-display: swap;
  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;
}

@font-face {
  font-family: "Nunito Sans";
  src: url("../fuentes/nunito-sans-variable-italic-ext.woff2") format("woff2");
  font-weight: 400 700;
  font-stretch: 100%;
  font-style: italic;
  font-display: swap;
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* ── Ejes por defecto ─────────────────────────────────────────────────────
   Las familias y los ejes NO se declaran aquí: viven en tokens.css, que es el
   único origen. Este archivo solo carga los binarios y fija el eje de partida.

   El archivo servido trae WONK=1 y SOFT=0 como instancia por defecto, así que
   cualquier Fraunces sin ajuste explícito saldría con las formas excéntricas.
   font-variation-settings se hereda: fijar aquí el preset sobrio deja el eje
   en 0 en toda la página y las clases de abajo solo tienen que discrepar.
   wght y opsz no se tocan: los gobiernan font-weight y font-optical-sizing.

   La var() resuelve aunque tokens.css se encole después: las propiedades
   personalizadas cascadean por sí solas, no por orden de hoja. */
:root {
  font-variation-settings: var(--sc-ejes-sobrio);
}

/* ── Clases utilitarias de eje ────────────────────────────────────────────
   Solo mueven los ejes; la familia y el cuerpo los pone la clase tipográfica.
   Van con la clase repetida a propósito: así ganan a las .tipo-* del sistema,
   que ya traen su propio preset y se declaran en una hoja posterior. */
.sc-ejes-calido.sc-ejes-calido {
  font-variation-settings: var(--sc-ejes-calido);
}

.sc-ejes-sobrio.sc-ejes-sobrio {
  font-variation-settings: var(--sc-ejes-sobrio);
}

.sc-ejes-editorial.sc-ejes-editorial {
  font-variation-settings: var(--sc-ejes-editorial);
}