/**
 * Fuentes de la casa.
 *
 * Van en el HIJO y no en el padre: la licencia y el uso son de
 * Junciera. Aquí solo se declaran las CARAS; qué fuente usan los
 * titulares se decide en el token, en inc/tienda.php.
 *
 * Tampoco va por el Customizer (`sgf_font_display`): ese campo dispara
 * el cargador de Google Fonts del padre, y SangBleu no está en Google.
 * Pediría una URL que no existe.
 *
 * `font-display: swap` a propósito: el titular se lee desde el primer
 * momento con la sustituta y cambia cuando llega SangBleu. La
 * alternativa —`block`— deja el titular INVISIBLE hasta que descarga,
 * y en un móvil con mala cobertura eso es una portada en blanco.
 *
 * Solo woff2 y woff. El eot es para IE, el ttf pesa el triple y el svg
 * lleva años retirado: servirlos es descargar peso que nadie usa.
 */

@font-face {
	font-family: "SangBleu Sunrise";
	src: url("../fonts/SangBleuSunrise-Light.woff2") format("woff2"),
	     url("../fonts/SangBleuSunrise-Light.woff")  format("woff");
	font-weight: 300;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "SangBleu Sunrise";
	src: url("../fonts/SangBleuSunrise-LightItalic.woff2") format("woff2"),
	     url("../fonts/SangBleuSunrise-LightItalic.woff")  format("woff");
	font-weight: 300;
	font-style: italic;
	font-display: swap;
}

/* El token NO se declara aquí.
   Vive en `junciera_tokens_head()` (inc/tienda.php), que imprime un
   <style> en `wp_head` con prioridad 110 — o sea, después de TODAS las
   hojas. Una segunda `:root` en este fichero tendría la misma
   especificidad y perdería siempre por orden, en silencio.
   Un token, un sitio. */

/* De SangBleu Sunrise solo tenemos la LIGHT. Cuando el CSS pide un peso
   que no existe, el navegador engorda la letra él mismo: engorda los
   píxeles, no redibuja los trazos. En una romana de contraste alto eso
   emborrona el fino y el titular se ve sucio. Mejor que se quede en
   Light —que es la letra de verdad— a que se invente una seminegra.

   Si algún día hace falta contraste de peso, hay que comprar el corte,
   no simularlo. (Los SangBleu Kingdom que están en /fonts son OTRA
   familia, no los cortes gordos de esta.) */
html {
	font-synthesis-weight: none;
}

/* El padre pone 500 en los titulares desde `h1..h6` y desde
   `.sgf-hero--editorial .sgf-hero__title` (0,2,0). El `:root` de
   delante sube estos selectores a (0,2,0) también, y al cargarse esta
   hoja después, gana. Sin el `:root` el hero se quedaba en 500. */
:root .sgf-hero__title,
:root .sgf-manifiesto__frase,
:root .sgf-coleccion__heading,
:root .sgf-pilares__heading,
/* El titular de sección de las páginas interiores. Desde que usa el
   mismo tamaño que los de la portada —1 oct— tiene que usar también
   el mismo peso, o la coherencia se queda a medias: mismo cuerpo y
   distinta voz se nota más que dos tamaños distintos. */
:root .sgf-home-section__title,
:root .sgf-lamina__cita p,
:root .sgf-anada__titulo,
:root .sgf-pilar__titulo,
:root .sgf-footer__col-title {
	font-weight: 300;
}

/* EL TRACKING NO SE FIJA AQUI — 29 sep
   ------------------------------------
   Esto tenia `letter-spacing: -0.005em` para todos: el mismo valor
   para una frase de 61px y para un titulo de tarjeta de 18px. Y como
   el selector lleva `:root` delante (0,2,0), le ganaba a la escala
   del padre y la anulaba entera.

   El padre empareja tracking con tamano (-0.03em a 32px, -0.04em a
   48px, -0.045em a 64px). Quitando el valor plano, cada titular coge
   el suyo. Si SangBleu pidiera una correccion propia —es una romana
   de contraste alto y respira distinto que una palo seco— tiene que
   ser un ajuste POR ESCALON, no una cifra unica para todos. */


/* DÓNDE *NO* VA LA SANGBLEU
   -------------------------
   SangBleu es la voz de la marca: el relato. La compra tiene otra voz,
   la de siempre, y son dos cosas distintas a propósito. Un nombre de
   producto, un acordeón de detalles o el título de la cesta no son
   literatura: son cosas que el cliente lee de un vistazo mientras
   decide, y ahí una romana de contraste alto en Light estorba.

   Cambia solo la FAMILIA. El peso y el espaciado los dejo como los
   diseñó el padre (500), porque Helvetica sí tiene ese corte de verdad
   y no hay nada que corregir.

   Esta lista es un censo hecho a mano sobre la tienda, la ficha, la
   cesta y el pago. Si mañana aparece un bloque de compra nuevo con un
   título, heredará SangBleu en silencio y habrá que añadirlo aquí. */
.product_title,
.sgf-pdp-panel__heading,
.sgf-product-card__title,
.sgf-catalog-nav__name,
.sgf-reco__title,
/* Pasó justo lo que avisa el párrafo de arriba: las preguntas
   frecuentes de la ficha son un bloque nuevo, heredaron SangBleu en
   silencio y quedaban en otra tipografía que «También te puede gustar»,
   que va pegado debajo. Dos títulos de sección seguidos en dos letras
   distintas no se leen como dos secciones: se leen como un error. */
.sgf-faq__titulo,
.woocommerce-cart .sgf-entry__title,
.woocommerce-checkout .sgf-entry__title {
	font-family: var(--sgf-font-body);
}