@import url('/fonts/reading/source-han-sans.css');

@font-face {
  font-family: 'Source Sans 3';
  src: url('/fonts/reading/SourceSans3VF-Upright.woff2') format('woff2');
  font-style: normal;
  font-weight: 200 900;
  font-display: swap;
}
@font-face {
  font-family: 'Source Sans 3';
  src: url('/fonts/reading/SourceSans3VF-Italic.woff2') format('woff2');
  font-style: italic;
  font-weight: 200 900;
  font-display: swap;
}

/* Change only prose text owners. Inline emphasis and links inherit from them.
   Nested prose (e.g. paper notes) is included; embedded UI and math are excluded. */
#content.prose[data-body-typography='source']
  :where(p, li, blockquote, td, th, figcaption, dt, dd):not(
    :has(.not-prose, h1, h2, h3, h4, h5, h6)
  ):not(
    :where(.not-prose, .not-prose *, pre, pre *, code, code *, .katex, .katex *, math, math *)
  ) {
  font-family: var(--body-font-family);
}

/* Brighter regular prose in dark mode; strong and links keep their own colors. */
html.dark
  #content.prose[data-body-typography='source']
  :where(p, li, blockquote, td, figcaption, dt, dd):not(
    :has(.not-prose, h1, h2, h3, h4, h5, h6)
  ):not(
    :where(.not-prose, .not-prose *, pre, pre *, code, code *, .katex, .katex *, math, math *)
  ) {
  color: var(--body-dark-text-color);
}