/**
 * Block Editor Typography Styles
 * 
 * Custom typography styles for the Gutenberg block editor.
 * All values are dynamically set via CSS custom properties from PHP.
 */

.editor-styles-wrapper {
    font: var(--font-weight) var(--font-size)/var(--line-height) var(--font-family), sans-serif;
    color: var(--text-color);
}

.editor-styles-wrapper h1,
.editor-styles-wrapper h2,
.editor-styles-wrapper h3,
.editor-styles-wrapper h4,
.editor-styles-wrapper h5,
.editor-styles-wrapper h6 {
    font-family: var(--heading-font-family), serif;
    font-weight: var(--heading-font-weight);
    color: var(--heading-title-color);
}

.editor-styles-wrapper h1 { font-size: var(--h1-font-size); }
.editor-styles-wrapper h2 { font-size: var(--h2-font-size); }
.editor-styles-wrapper h3 { font-size: var(--h3-font-size); }
.editor-styles-wrapper h4 { font-size: var(--h4-font-size); }
.editor-styles-wrapper h5 { font-size: var(--h5-font-size); }
.editor-styles-wrapper h6 { font-size: var(--h6-font-size); }

.editor-styles-wrapper a,
.editor-styles-wrapper a:hover,
.editor-styles-wrapper a:focus,
.editor-styles-wrapper a:visited {
    color: var(--primary-color);
    text-decoration: underline;
}
