/* Google Fonts e Inter cargados via <link> en html.html.twig con preconnect */
/* Typekit (Trade Gothic) cargado via <link> en html.html.twig con preconnect */

/* Trade Gothic cargada desde Adobe Fonts (Typekit)
   Fuentes disponibles en: https://use.typekit.net/ygh0mei.css
   Familias CSS disponibles:
   - "trade-gothic-next" (Light 300, Regular 400, Bold 700, Heavy 800)
   - "tgn-soft-round" (Regular 400, Bold 700)
   - "trade-gothic-next-compressed" (Regular 400, Bold 700)
   - "trade-gothic-next-condensed" (Regular 400, Bold 700)
*/

/* font-display: swap para Typekit.
   Estas declaraciones se procesan ANTES de que llegue use.typekit.net (que carga async).
   El navegador aplica font-display: swap a cada slot familia/peso/estilo,
   mostrando texto con la fuente fallback hasta que Typekit complete la descarga. */
@font-face { font-family: "trade-gothic-next"; font-weight: 300; font-style: normal; font-display: swap; src: local(""); }
@font-face { font-family: "trade-gothic-next"; font-weight: 400; font-style: normal; font-display: swap; src: local(""); }
@font-face { font-family: "trade-gothic-next"; font-weight: 700; font-style: normal; font-display: swap; src: local(""); }
@font-face { font-family: "trade-gothic-next"; font-weight: 700; font-style: italic; font-display: swap; src: local(""); }
@font-face { font-family: "trade-gothic-next"; font-weight: 800; font-style: normal; font-display: swap; src: local(""); }
@font-face { font-family: "tgn-soft-round"; font-weight: 400; font-style: normal; font-display: swap; src: local(""); }
@font-face { font-family: "tgn-soft-round"; font-weight: 700; font-style: normal; font-display: swap; src: local(""); }
@font-face { font-family: "trade-gothic-next-compressed"; font-weight: 400; font-style: normal; font-display: swap; src: local(""); }
@font-face { font-family: "trade-gothic-next-compressed"; font-weight: 700; font-style: normal; font-display: swap; src: local(""); }
@font-face { font-family: "trade-gothic-next-condensed"; font-weight: 400; font-style: normal; font-display: swap; src: local(""); }
@font-face { font-family: "trade-gothic-next-condensed"; font-weight: 700; font-style: normal; font-display: swap; src: local(""); }

:root {
 font-family: var(--typeface-font-family-primary);
}