/* =========================================================================
   Composition: site-wide type scale (AUD-003)

   The vendored theme sizes body text, post meta, and the footer with its own
   literals, some below the prose floor: `.post { font-size: 0.95em }` and
   `.post-excerpt p { font-size: 0.9em }` compound to about 15px on tablets and
   phones, post dates are 13px, and the footer is 10px. This sheet maps those
   onto the seven-step token scale, with nothing that renders prose below
   `--tkc-size-100`. It loads before the other compositions so any of them can
   still set a size of its own.
   ========================================================================= */

/* Post body text: the theme's 18px at every width, not shrunk under 900px. */
.post {
  font-size: var(--tkc-size-200);
}

/* The home page renders whole posts inside `.post-excerpt`; its paragraphs
   take the post's size (and a heading's size, inside a heading). */
.post-excerpt p {
  font-size: inherit;
}

/* Content headings on the scale (the theme's h4 was 2.5rem, h5 and h6 2rem). */
.post-content h4 {
  font-size: var(--tkc-size-400);
}

.post-content :is(h5, h6) {
  font-size: var(--tkc-size-300);
}

/* Meta and footer text: the prose floor, up from 13 to 15px and 10px. */
.post-meta,
.post-date,
.site-footer {
  font-size: var(--tkc-size-100);
}

/* Share links under a post, formerly inline `font-size: 1.4em`. */
.post-footer .share-title {
  margin: 0 0 var(--tkc-space-2);
  font-family: var(--tkc-font-text);
  font-size: var(--tkc-size-300);
  font-weight: var(--tkc-weight-bold);
  color: var(--tkc-color-text);
}

.post-footer .share a {
  font-size: var(--tkc-size-400);
}

/* Social icons in the 404 hero, formerly inline `font-size:2em`; the hero's
   own text color applies. */
.main-header .tkc-hero-icon {
  font-size: var(--tkc-size-600);
}