/* Music is the type reference: Spectral for editorial content, system sans for UI.
 * A dedicated important layer overrides legacy per-page font shorthands without
 * changing their sizes, colours, spacing, or the standalone apps inside iframes.
 */
@layer ha-site-typography {
    body:is(.ha-light-preview, .ha-site-embedded-type) {
        --ha-editorial-font: "Spectral", "New York", "Iowan Old Style", Georgia, "Times New Roman", serif;
        --ha-ui-font: -apple-system, "SF Pro Display", system-ui, "Helvetica Neue", Arial, sans-serif;
    }
    body.ha-light-preview :is(.ha-page, .ha-main),
    body.ha-site-embedded-type {
        font-family: var(--ha-editorial-font) !important;
    }
    body.ha-light-preview :is(.ha-page, .ha-main) :is(h1,h2,h3,h4,h5,h6,p,li,blockquote,figcaption,dt,dd,.ha-sp-card-title,.ha-sp-card-text),
    body.ha-site-embedded-type :is(h1,h2,h3,h4,h5,h6,p,li,blockquote,figcaption,dt,dd) {
        font-family: var(--ha-editorial-font) !important;
    }
    body.ha-light-preview :is(.ha-page, .ha-main) :is(h1,h2,h3,h4,h5,h6,p,li,blockquote,figcaption,dt,dd) :is(span,a,strong,em,b,i),
    body.ha-site-embedded-type :is(h1,h2,h3,h4,h5,h6,p,li,blockquote,figcaption,dt,dd) :is(span,a,strong,em,b,i) {
        font-family: inherit !important;
    }
    /* Small navigation, category and player labels retain Music's UI treatment. */
    body.ha-light-preview :is(.ha-page, .ha-main) :is(button,button *,input,textarea,select,label,nav,nav *,[class$="-kicker"],[class$="-kick"],[class$="-eyebrow"],[class$="-meta"],.ha-mu2-top,.ha-mu2-photo-now,.ha-mu2-photo-now *,.ha-vo2-now,.ha-vo2-now *,.ha-vo2-list,.ha-vo2-list *, .ha-index-intro a),
    body.ha-site-embedded-type :is(button,button *,input,textarea,select,label,nav,nav *,.kicker,.eyebrow,.tag,.badge,code,pre) {
        font-family: var(--ha-ui-font) !important;
    }
}