Tengo una ventana principal y un iframe.

En el html de la ventana principal, tengo una lista de variables CSS:

 :root { --lp-font-size-heading-lg: 2.5rem; --lp-font-size-heading-md: 2rem; --lp-font-size-heading-sm: 1.5rem; }

pero estas variables no están disponibles en el iframe, es decir, en el encabezado del iframe, tengo:

 font-size: var(--lp-font-size-heading-md);

pero iframe no puede encontrar la definición de --lp-font-size-heading-md

¿Cómo agregar las variables CSS en el iframe?