/* Tipografia & eyebrows */

.site-title,
.site-description {
  margin: 0;
}

.site-title {
  color: inherit;
  font-size: 0.92rem;
  font-weight: 800;
  letter-spacing: -0.02em;
  line-height: 1.1;
}

.site-description {
  color: rgba(255, 255, 255, 0.55);
  font-size: 0.7rem;
  font-weight: 500;
  letter-spacing: -0.01em;
}

.content-listing__eyebrow,
.content-single__eyebrow {
  margin: 0;
  font-size: var(--font-size-eyebrow);
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--color-accent);
}

.content-listing__title,
.content-single__title {
  margin: 0;
  font-size: var(--font-size-display);
  line-height: var(--line-height-tight);
  letter-spacing: -0.045em;
}

.entry-meta {
  margin: 0;
  font-size: var(--font-size-meta);
  font-weight: 600;
  color: var(--color-ink-soft);
}

.content-listing__description,
.content-listing__empty,
.content-card__excerpt,
.site-footer__note {
  color: var(--color-ink-soft);
}

.content-single__content {
  color: #000;
}

:root[data-theme="dark"] .content-single__content,
:root[data-theme="dark"] .content-single__content p,
:root[data-theme="dark"] .content-single__content li,
:root[data-theme="dark"] .content-single__content span,
:root[data-theme="dark"] .content-single__content strong,
:root[data-theme="dark"] .content-single__content em,
:root[data-theme="dark"] .content-single__content blockquote {
  color: #fff !important;
}

:root[data-theme="dark"] .content-single__content pre,
:root[data-theme="dark"] .content-single__content pre code,
:root[data-theme="dark"] .content-single__content pre span,
:root[data-theme="dark"] .content-single__content pre strong,
:root[data-theme="dark"] .content-single__content pre em {
  color: #000 !important;
}

.content-listing__description {
  max-width: 50ch;
  margin: 0.72rem auto 0;
  font-size: 0.96rem;
  line-height: 1.55;
}