html.dark { color-scheme: dark; }
html:not(.dark) { color-scheme: light; }
html:not(.dark) body { background: #f1f6f8; color: #172b3a; }
html:not(.dark) .bg-slate-800,
html:not(.dark) .bg-gray-800 { background-color: #e5eef3; }
html:not(.dark) .bg-slate-700,
html:not(.dark) .bg-gray-700 { background-color: #d7e4eb; }
html:not(.dark) [class*="text-gray-"] { color: #354b5b; }
html:not(.dark) [class*="text-blue-"] { color: #096b99; }
html:not(.dark) .article-content pre { background-color: #e5eef3; }
html:not(.dark) .article-content code { background-color: #d7e4eb; }
html:not(.dark) .article-content pre code { background: transparent; }
button:focus-visible { outline: 3px solid #38bdf8; outline-offset: 3px; }