/* Markdown headings on docs pages use whatnot.com's heading typography: the
   landing page's system-ui stack, bold, 1.1 leading, and sizes from Whatnot's
   --text-* scale.

   .t-editor wraps only the docs page body (.md and .mdx pages), so the API
   reference, sidebar, header, table of contents, search and footer keep the
   default theme's fonts. Margins are left to the theme. */
.t-editor :is(h1, h2, h3, h4, h5, h6).t-editor__heading {
  font-family:
    system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
    "Segoe UI Symbol", "Noto Color Emoji";
  font-weight: 700;
}

/* The theme's .t-editor__bold is 600, which would draw bold words lighter
   than the 700 heading around them */
.t-editor :is(h1, h2, h3, h4, h5, h6).t-editor__heading .t-editor__bold {
  font-weight: inherit;
}

/* --text-800 */
.t-editor h1.t-editor__heading {
  font-size: 28px;
  line-height: 1.1;
}

/* --text-700 with --leading-700 */
.t-editor h2.t-editor__heading {
  font-size: 24px;
  line-height: 1.25;
}

/* --text-650 */
.t-editor h3.t-editor__heading {
  font-size: 20px;
  line-height: 1.2;
}

/* --text-title1 with --leading-title1 */
.t-editor h4.t-editor__heading {
  font-size: 18px;
  line-height: 1.3333;
}

/* --text-title2 with --leading-title2 */
.t-editor h5.t-editor__heading {
  font-size: 16px;
  line-height: 1.25;
}

/* --text-body1 with --leading-body1 */
.t-editor h6.t-editor__heading {
  font-size: 14px;
  line-height: 1.4286;
}