/*
 * Primeteka · tipografia self-hosted (D31)
 * Sistema: Source Serif 4 + Manrope.
 * Guia: design-system/TIPOGRAFIA-SOURCE-SERIF-MANROPE.md
 *
 * Dos fuentes VARIABLES, una por familia, con el eje de peso ya recortado en el
 * fichero al rango que autoriza la guia (§3):
 *   Source Serif 4  400-500  (H1, H2, H3 editoriales, citas, cifras de marca)
 *   Manrope         400-600  (todo lo demas: UI, datos, formularios, calculadora)
 *
 * Proporcion objetivo: 15-20 % serif / 80-85 % Manrope. La serif NO es la
 * tipografia de interfaz, es un recurso de marca deliberado.
 *
 * Subconjunto latin + latin-ext, no solo latin: la guia lo exige (§7.6) para
 * nombres internacionales y diacriticos como ç, ü, ø, ł.
 *
 * Source Serif 4 conserva su eje de TAMAÑO OPTICO (8-60) y se deja en automatico,
 * que es lo que pide la guia (§10): la fuente ajusta su dibujo al tamaño en el que
 * se compone, mas fina en titulares grandes y mas robusta en texto pequeño.
 *
 * Las url() van RELATIVAS a proposito: el navegador las resuelve contra la URL de
 * esta hoja, asi que siempre salen del mismo origen. Es la regla que se salto el
 * incidente de CORS de Inter, cuyas @font-face tenian el host escrito a mano.
 *
 * Un solo sistema de carga (§9): estas @font-face. Elementor tiene desactivada la
 * peticion a Google para estas dos familias (ver primeteka-fonts.php); no añadir
 * ademas @import, <link> ni "Load Google Fonts Locally".
 */

@font-face {
  font-family: 'Source Serif 4';
  src: url('source-serif-4-latinext-var-1.1.0.woff2') format('woff2-variations'),
       url('source-serif-4-latinext-var-1.1.0.woff2') format('woff2');
  font-weight: 400 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Manrope';
  src: url('manrope-latinext-var-1.1.0.woff2') format('woff2-variations'),
       url('manrope-latinext-var-1.1.0.woff2') format('woff2');
  font-weight: 400 600;
  font-style: normal;
  font-display: swap;
}

:root {
  /* Tokens de sitio. Los widgets del repo compartido los leen con var(--mdm-font-*)
     y caen a su propio valor si no estan definidos, asi que siguen sirviendo para
     otros clientes. */
  --mdm-font-display: 'Source Serif 4', Georgia, 'Times New Roman', serif;
  --mdm-font-body: 'Manrope', system-ui, -apple-system, 'Segoe UI', sans-serif;

  /* Alias con los nombres de la guia (§10), por si se escribe CSS nuevo. */
  --font-brand: var(--mdm-font-display);
  --font-ui: var(--mdm-font-body);
}

body {
  /* No inventar negritas ni cursivas que no existen en el fichero: solo cargamos
     400-500 de la serif y 400-600 de Manrope. Sin esto, un font-weight:700 en
     cualquier sitio saldria como falsa negrita deformada. */
  font-synthesis: none;
}

/* La guia (§6) es explicita: dentro de la calculadora TODO va en Manrope, incluido
   el importe destacado. La serif se queda fuera de la herramienta. Cifras tabulares
   para que importes y porcentajes no bailen al recalcular. */
.mdm-eq-1b731afd-wrap,
.mdm-calc-a7c3e1d9-wrap,
.numeric,
input[type="number"],
.mortgage-result,
table {
  font-variant-numeric: lining-nums tabular-nums;
}