/* ══════════════════════════════════════════════════════════════════════════════
   TIPOGRAFÍA DE MARCA — Joy Tree
   ─────────────────────────────────────────────────────────────────────────────
   Stara    · títulos y encabezados. Siempre en MAYÚSCULAS y sin interlineado
              (line-height: 1). La regla de mayúsculas/interlineado vive al
              final de sections.css y master-plan.css, aplicada a todo lo que
              usa var(--font-display).
   Manrope  · "Armonía". Tipografía principal: cuerpo de texto, subtítulos y
              piezas digitales.

   Se sirven locales en woff2 (666 KB de TTF → 239 KB, 64% menos) en vez de
   pedirlas a Google Fonts: menos dominios que resolver, y entran en el
   max-age=30d + immutable de /assets como cualquier otro archivo.

   font-display: swap — el texto se pinta de inmediato con la fuente de
   respaldo y cambia al cargar la de marca. Sin esto la primera pintura se
   queda en blanco hasta que baja la fuente.

   Los rangos de font-weight (p. ej. "500 700") hacen que un peso intermedio
   que no existe como archivo caiga en el más cercano real, en vez de que el
   navegador lo simule engordando los trazos.
   ══════════════════════════════════════════════════════════════════════════ */

/* ── Stara · display ── */
@font-face {
  font-family: "Stara";
  src: url("../fonts/Stara-Medium.woff2") format("woff2");
  font-weight: 100 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Stara";
  src: url("../fonts/Stara-SemiBold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Stara";
  src: url("../fonts/Stara-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Stara";
  src: url("../fonts/Stara-ExtraBold.woff2") format("woff2");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Stara";
  src: url("../fonts/Stara-Black.woff2") format("woff2");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

/* ── Manrope · Armonía · cuerpo ── */
@font-face {
  font-family: "Manrope";
  src: url("../fonts/Manrope-Light.woff2") format("woff2");
  font-weight: 100 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Manrope";
  src: url("../fonts/Manrope-Regular.woff2") format("woff2");
  font-weight: 400 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Manrope";
  src: url("../fonts/Manrope-Bold.woff2") format("woff2");
  font-weight: 600 900;
  font-style: normal;
  font-display: swap;
}