/* Modern Dark layout — token recipe (+ light structural leftovers) */

.blog-layout-modern_dark {
  --posts-cols: 2;
  --posts-gap: 1.5rem;
  --profile-max: 850px;
  --post-show-max: 820px;
  --content-tracking: 0.01em;
  --title-weight: 800;
  --title-tracking: -0.02em;
  --cover-radius: var(--blog-radius, 1rem);
  --grid-card-bg: var(--bs-body-bg);
  --grid-card-border: 1px solid var(--bs-border-color-translucent, rgba(0, 0, 0, 0.08));
  --grid-card-padding: 1.25rem;
  --grid-card-radius: var(--blog-radius, 1rem);
  --grid-card-shadow: var(--bs-box-shadow-sm);
  --grid-card-margin-bottom: 0;
  --grid-card-height: 100%;
  --grid-title-size: clamp(1.2rem, 3vw, 1.45rem);
  --grid-image-radius: var(--blog-radius, 0.75rem);
  --post-show-article-bg: var(--bs-body-bg);
  --post-show-article-padding: 1rem;
  --post-show-article-radius: var(--bs-border-radius-xl, 1rem);
  --post-show-article-shadow: var(--bs-box-shadow-sm);
}

@media (min-width: 768px) {
  .blog-layout-modern_dark {
    --post-show-article-padding: 1.5rem;
  }
}

@media (max-width: 768px) {
  .blog-layout-modern_dark {
    --posts-cols: 1;
  }
}