/* Blog pages: bring the 2026 theme (dark header, light paper body) on top of site.css.
   Article content and URLs are unchanged. */

/* Keep the blog light, like the rest of the site, even when the device is in dark mode */
@media (prefers-color-scheme: dark) {
  :root {
    --paper: #f6f4ef; --paper-2: #efece4; --card: #fbfaf7; --ink: #15171b; --ink-2: #3a3f47;
    --muted: #646a74; --rule: #dcd7cb; --accent: #1d5a46; --accent-hover: #164a39; --accent-ink: #ffffff;
    --accent-soft: #e2ece6; --band: #15171b; --band-ink: #f2f0ea; --band-muted: #a9adb3; --signal: #E2711D;
    color-scheme: light;
  }
}

/* Dark header bar, matching the new homepage */
.site-header, .site-header.is-scrolled { background: #15171B; border-bottom-color: #2E3238; }
.site-header .brand, .site-header .brand-name { color: #F6F4EF; }
.site-header .brand-tag { color: #B9BDC4; }
.site-header .brand-tag b { color: #E2711D; }
.site-header .menu-toggle { color: #F6F4EF; border-color: #5A5F68; }

@media (min-width: 861px) {
  .site-header .nav-links a { color: #C9CCD1; }
  .site-header .nav-links a:hover, .site-header .nav-links a[aria-current="page"] { color: #F6F4EF; }
  .site-header .nav .btn { background: transparent; color: #F6F4EF; border: 1.5px solid #F6F4EF; border-radius: 999px; }
  .site-header .nav .btn:hover { background: #F6F4EF; color: #15171B; }
}

/* Softer, rounder cards and buttons, like the rest of the site */
.post-card-media, .post-card-media img { border-radius: 18px; }
.btn { border-radius: 999px; }

/* Footer */
.site-footer { background: #15171B; color: #B9BDC4; }
.site-footer a { color: #B9BDC4; }
.site-footer a:hover { color: #F6F4EF; }