/* Light palette for the server-rendered blog; the default remains dark. */
@media (prefers-color-scheme: light) {
  :root { color-scheme: light; }
  body { background: radial-gradient(circle at 10% 5%, #e3effa 0, transparent 31rem), #f6f8fb; color: #1c2d3d; }
  .blog-brand { color: #14293c; }
  .blog-topnav a { color: #38546b; }
  .blog-topnav a[aria-current], .blog-topnav a:hover { color: #14293c; }
  .blog-search input { border-color: #b7c8d8; background: #fff; color: #1c2d3d; }
  .blog-search button { border-color: #b7c8d8; background: #e5edf5; color: #203a50; }
  .blog-breadcrumb { color: #5c7184; }
  .blog-breadcrumb a { color: #17668a; }
  .blog-lede, .blog-category-intro p { color: #445c70; }
  .blog-chip { border-color: #c5d3df; background: #fff; color: #29465e; }
  .blog-chip:hover { border-color: #3086a5; background: #edf6fa; }
  .blog-card { border-color: #d4dee7; background: #fff; }
  .blog-card-image { background-color: #e8eef4; }
  .blog-card-cat { background: #e5f2f6; color: #17627f; }
  .blog-card-desc { color: #455b6d; }
  .blog-card-meta, .blog-post-meta { color: #63788a; }
  .blog-card-more { color: #76521c; }
  .blog-empty, .blog-pager { color: #53697b; }
  .blog-pager a { color: #17668a; }
  .blog-toc, .blog-try-games { border-color: #d3dee8; background: #fff; }
  .blog-toc-title { color: #17627f; }
  .blog-toc a { color: #294c66; }
  .blog-post-body { color: #293d50; }
  .blog-post-body h2, .blog-post-body h3 { color: #182f43; }
  .blog-post-body a { color: #126789; }
  .blog-post-body blockquote { color: #455b6d; }
  .blog-post-body strong, .blog-post-body b { color: #182f43; }
  .blog-post-body th, .blog-post-body td { border-color: #ccd8e2; }
  .blog-post-body th { background: #edf3f7; color: #215a72; }
  .blog-post-body figcaption { color: #5c7184; }
  .blog-post-body hr { border-color: #d3dee8; }
  .blog-post-body .faq-item { border-color: #d3dee8; background: #fff; }
  .blog-post-body .faq-q { color: #72511d; }
  .blog-post-body .faq-a { color: #455b6d; }
  .blog-cta { border-color: #d7bc82; background: linear-gradient(135deg, #fff7e7, #edf3f7); }
  .blog-cta p { color: #455b6d; }
  .blog-footer { border-color: #d4dee7; }
  .blog-footer-tag, .blog-footer-links a { color: #53697b; }
  .blog-footer-links a:hover { color: #182f43; }
}