/**
 * Tipografías protagonistas (títulos) — modo DEMO
 * Por defecto ENFMP: títulos en Playfair Display (--font-family-heading en design-tokens.css); cuerpo en Roboto.
 * Aquí se cargan familias alternativas para el selector demo (solo títulos).
 */

@import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Serif:wght@400;600;700&family=Playfair+Display:wght@400;600;700&family=Plus+Jakarta+Sans:wght@500;600;700&family=Roboto+Slab:wght@400;500;600;700&family=Source+Serif+4:opsz,wght@8..60,400;8..60,600;8..60,700&family=Spectral:wght@400;600;700&display=swap");

html[data-demo-heading-font="roboto-slab"] {
  --font-family-heading: "Roboto Slab", Georgia, "Times New Roman", serif;
}

html[data-demo-heading-font="playfair"] {
  --font-family-heading: "Playfair Display", Georgia, "Times New Roman", serif;
}

html[data-demo-heading-font="source-serif"] {
  --font-family-heading: "Source Serif 4", Charter, "Bitstream Charter", Georgia, serif;
}

html[data-demo-heading-font="spectral"] {
  --font-family-heading: "Spectral", Georgia, "Times New Roman", serif;
}

html[data-demo-heading-font="ibm-plex-serif"] {
  --font-family-heading: "IBM Plex Serif", Charter, Georgia, serif;
}

/* Sans geométrica limpia: contraste fuerte frente a los bloques serif institucionales */
html[data-demo-heading-font="plus-jakarta"] {
  --font-family-heading: "Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
}

html[data-demo-heading-font="plus-jakarta"] .enf-design-system h1,
html[data-demo-heading-font="plus-jakarta"] .enf-ds-h1,
html[data-demo-heading-font="plus-jakarta"] .enf-design-system h2,
html[data-demo-heading-font="plus-jakarta"] .enf-ds-h2 {
  letter-spacing: -0.03em;
}