:root {
  --blog-feature-surface: #102338;
  --blog-feature-foreground: #ffffff;
}

html[data-theme="dark"] {
  --blog-feature-surface: #0f2238;
  --blog-feature-foreground: #f7fbfd;
}

.blog-feature {
  background: var(--blog-feature-surface);
  color: var(--blog-feature-foreground);
}

.blog-feature h2,
.blog-feature p,
.blog-feature small {
  color: var(--blog-feature-foreground);
}