body:not(.wp-admin),
.editor-styles-wrapper {
  background-color: var(--pl-bg-canvas);
  color: var(--pl-text-primary);
}

body:not(.wp-admin) p,
body:not(.wp-admin) li,
body:not(.wp-admin) span,
body:not(.wp-admin) .wp-block-paragraph,
body:not(.wp-admin) .wp-block-list,
body:not(.wp-admin) .wp-block-quote,
.editor-styles-wrapper p,
.editor-styles-wrapper li,
.editor-styles-wrapper span,
.editor-styles-wrapper .wp-block-paragraph,
.editor-styles-wrapper .wp-block-list,
.editor-styles-wrapper .wp-block-quote {
  color: var(--pl-text-primary);
}

body:not(.wp-admin) h1,
body:not(.wp-admin) h2,
body:not(.wp-admin) h3,
body:not(.wp-admin) h4,
body:not(.wp-admin) h5,
body:not(.wp-admin) h6,
body:not(.wp-admin) .wp-block-heading,
.editor-styles-wrapper h1,
.editor-styles-wrapper h2,
.editor-styles-wrapper h3,
.editor-styles-wrapper h4,
.editor-styles-wrapper h5,
.editor-styles-wrapper h6,
.editor-styles-wrapper .wp-block-heading {
  color: var(--pl-heading);
}

body:not(.wp-admin) .wp-block-group,
body:not(.wp-admin) .wp-block-cover,
body:not(.wp-admin) .wp-block-cover .wp-block-cover__inner-container,
.editor-styles-wrapper .wp-block-group,
.editor-styles-wrapper .wp-block-cover,
.editor-styles-wrapper .wp-block-cover .wp-block-cover__inner-container {
  color: var(--pl-text-primary);
}

body:not(.wp-admin) .wp-block-group:where(.has-background),
body:not(.wp-admin) .wp-block-cover:where(.has-background),
.editor-styles-wrapper .wp-block-group:where(.has-background),
.editor-styles-wrapper .wp-block-cover:where(.has-background) {
  border-color: var(--pl-border-subtle);
}

body:not(.wp-admin) hr,
body:not(.wp-admin) .wp-block-separator,
body:not(.wp-admin) .wp-block-table td,
body:not(.wp-admin) .wp-block-table th,
.editor-styles-wrapper hr,
.editor-styles-wrapper .wp-block-separator,
.editor-styles-wrapper .wp-block-table td,
.editor-styles-wrapper .wp-block-table th {
  border-color: var(--pl-border-subtle);
}

/* Fallback heading scale if element-level theme.json styles are not applied. */
body:not(.wp-admin) h1,
.editor-styles-wrapper h1 {
  font-size: clamp(36px, 4vw, 56px);
  line-height: 1.2;
}

body:not(.wp-admin) h2,
.editor-styles-wrapper h2 {
  font-size: clamp(32px, 3.5vw, 44px);
  line-height: 1.2;
}

body:not(.wp-admin) h3,
.editor-styles-wrapper h3 {
  font-size: clamp(28px, 3vw, 36px);
  line-height: 1.2;
}

body:not(.wp-admin) h4,
.editor-styles-wrapper h4 {
  font-size: clamp(24px, 2.4vw, 28px);
  line-height: 1.2;
}

body:not(.wp-admin) h5,
.editor-styles-wrapper h5 {
  font-size: clamp(20px, 2vw, 22px);
  line-height: 1.2;
}

body:not(.wp-admin) h6,
.editor-styles-wrapper h6 {
  font-size: 18px;
  line-height: 1.2;
}

/* Keep reading measure limited to editorial text only. */
body:not(.wp-admin) .wp-block-post-content :where(p, li, blockquote),
.editor-styles-wrapper :where(p, li, blockquote) {
  max-width: 65ch;
}