:root {
  --background-color: #0c0e14;
  --ghost-accent-color: #4f8ff7;
  --color-primary-text: #c8cdd8;
  --color-secondary-text: #7f879f;
  --color-darker-gray: #e8ecf4;
  --color-border: #1e2235;
  --color-lighter-gray: rgba(79, 143, 247, 0.08);
}

body {
  font-family: Inter, "Segoe UI", Roboto, sans-serif;
}

.gh-navigation,
.gh-navigation-actions,
.gh-footer {
  background-color: #0f1320 !important;
}

.gh-navigation,
.gh-footer-bar {
  border-color: #1e2235 !important;
}

.gh-button {
  border-radius: 0;
}

.gh-card,
.gh-article,
.gh-featured,
.gh-feed .gh-card {
  border-color: #1e2235;
}

.gh-card-link:hover,
.gh-article-link:hover {
  opacity: 1;
}

.gh-card-title,
.gh-article-title,
.gh-navigation-logo,
.gh-footer-logo {
  color: #e8ecf4;
}

.gh-card-meta,
.gh-article-meta,
.gh-article-excerpt,
.gh-card-excerpt {
  color: #7f879f;
}

.gh-content pre,
.gh-content code {
  background: #0b111d;
  border-color: #1e2235;
}

.gh-content blockquote:not([class]) {
  border-left-color: #34d399;
  background: rgba(52, 211, 153, 0.07);
}

a {
  color: #4f8ff7;
}

a:hover {
  color: #78abff;
}

/* Content readability: keep Source layout, improve rhythm only */
.gh-content {
  --content-spacing-factor: 1.12;
  font-size: clamp(1.8rem, 0.15vw + 1.74rem, 1.95rem);
  line-height: 1.72;
  letter-spacing: 0.0015em;
}

.gh-content > p {
  margin: 0 0 1.1em;
}

.gh-content > h2,
.gh-content > h3,
.gh-content > h4 {
  color: #eef2fb;
  line-height: 1.24;
}

.gh-content > h2 {
  margin-top: 1.75em;
  margin-bottom: 0.5em;
}

.gh-content > h3 {
  margin-top: 1.45em;
  margin-bottom: 0.45em;
}

.gh-content > h4 {
  margin-top: 1.25em;
  margin-bottom: 0.4em;
}

.gh-content > :is(ul, ol) {
  margin-top: 0.5em;
  margin-bottom: 1.1em;
}

.gh-content > :is(ul, ol) li {
  margin: 0.32em 0;
}

.gh-content > blockquote:not([class]) {
  margin-top: 1.2em;
  margin-bottom: 1.2em;
  padding: 0.9em 1.1em;
}

.gh-content > :last-child {
  margin-bottom: 0;
}

/* Card and metadata balance */
.gh-card-title {
  line-height: 1.26;
}

.gh-card-excerpt {
  line-height: 1.52;
  margin-top: 10px;
}

.gh-article-excerpt {
  line-height: 1.52;
}

.gh-article-meta {
  margin-top: 1.4rem;
}

/* Prevent external markup highlights from destroying readability */
mark,
.gh-content mark {
  background: rgba(79, 143, 247, 0.14);
  color: inherit;
  padding: 0 0.08em;
}