/* Marketing blog: keep listing, categories, and posts light even when the OS
   prefers dark. Loaded after go-blog's default stylesheet. */
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&display=swap');
:root {
  color-scheme: light;
  --blog-bg: #ffffff;
  --blog-fg: #20322b;
  --blog-fg-muted: #58695f;
  --blog-fg-subtle: #687b70;
  --blog-border: #dfe7e2;
  --blog-card: #f4f7f5;
  --blog-accent: #176b50;
  --blog-accent-hover: #10533d;
  --blog-code-bg: #f1f5f3;
  --blog-font-sans: 'DM Sans', system-ui, sans-serif;
}
.blog-header { background: #ffffff; backdrop-filter: none; }
.blog-brand { letter-spacing: -.035em; }
.blog-hero h1, .blog-article-header h1 { font-weight: 600; letter-spacing: -.045em; }
.blog-article-body pre { background: var(--blog-code-bg) !important; color: var(--blog-fg); border: 1px solid var(--blog-border); }
.blog-article-body pre code { background: transparent !important; }
a:focus-visible { outline: 2px solid var(--blog-accent); outline-offset: 4px; }