/**
 * LCMS — heading sizes (split out from lcms-base-fallback.css).
 *
 * Loaded by Style_Manager unless `typography.source` (resolved from
 * brand-config / constant / filter) is "inherited" — in which case
 * the plugin sits out of heading sizing entirely and the active theme
 * (or browser defaults) provides the rules.
 *
 * @package lcms
 */

h1 { font-size: var(--font-size-h1, 48px); }
h2 { font-size: var(--font-size-h2, 36px); }
h3 { font-size: var(--font-size-h3, 28px); }
h4 { font-size: var(--font-size-h4, 24px); }
h5 { font-size: var(--font-size-h5, 20px); }
h6 { font-size: var(--font-size-h6, 16px); }

@media screen and (max-width: 1023px) {
    h1 { font-size: var(--font-size-h1-mobile, 36px); }
    h2 { font-size: var(--font-size-h2-mobile, 30px); }
    h3 { font-size: var(--font-size-h3-mobile, 28px); }
}