/* Frontend & Editor Content Scoping */
body:not(.wp-admin),
.editor-styles-wrapper {
    --wp--preset--font-size--heading-1: 55px;
    --wp--preset--font-size--heading-2: 34px;
    --wp--preset--font-size--heading-3: 16px;
}

@media (max-width: 1024px) {

    body:not(.wp-admin),
    .editor-styles-wrapper {
        --wp--preset--font-size--heading-1: 34px;
        --wp--preset--font-size--heading-2: 21px;
        --wp--preset--font-size--heading-3: 16px;
    }
}

@media (max-width: 768px) {

    body:not(.wp-admin),
    .editor-styles-wrapper {
        --wp--preset--font-size--heading-1: 21px;
        --wp--preset--font-size--heading-2: 21px;
        --wp--preset--font-size--heading-3: 16px;
    }
}


/* Ensure headings use these presets by default */
/* Frontend Headings */
body:not(.wp-admin) h1,
body:not(.wp-admin) h2,
body:not(.wp-admin) h3,
/* Editor Content Headings */
.editor-styles-wrapper h1,
.editor-styles-wrapper h2,
.editor-styles-wrapper h3,
/* Block Classes */
.wp-block-heading.has-heading-1-font-size,
.wp-block-heading.has-heading-2-font-size,
.wp-block-heading.has-heading-3-font-size {
    font-size: var(--wp--preset--font-size--heading-1) !important;
}

/* Specific overrides for H2/H3 */
body:not(.wp-admin) h2,
.editor-styles-wrapper h2,
.wp-block-heading.has-heading-2-font-size {
    font-size: var(--wp--preset--font-size--heading-2) !important;
}

body:not(.wp-admin) h3,
.editor-styles-wrapper h3,
.wp-block-heading.has-heading-3-font-size {
    font-size: var(--wp--preset--font-size--heading-3) !important;
}