:root[data-theme="dark"] {
  color-scheme: dark;
  --pico-background-color: #000;
  --pico-color: #fff;
  --pico-muted-color: #ccc;
  --pico-primary: #ff7711;
  --pico-primary-hover: #ff9c55;
  --pico-primary-underline: #ff771180;
  --pico-h1-color: #fff;
  --pico-h2-color: #fff;
  --pico-h3-color: #fff;
  --pico-h4-color: #fff;
  --pico-muted-border-color: #333;
}
[data-theme="dark"] body { background: #000; color: #fff; }
[data-theme="dark"] .site-header { background: #000; border-color: #333; }
[data-theme="dark"] #topbar { background: #111; border-bottom: 1px solid #cc1100; box-shadow: 0 5px 5px #0004; }
[data-theme="dark"] #topbar .site-name { font-family: var(--pico-font-family); font-size: 1.15rem; font-weight: 900; text-transform: uppercase; }
[data-theme="dark"] h1 { color: #fff; font-family: var(--pico-font-family); font-size: clamp(1.4rem, 3vw, 2rem); font-weight: 900; text-transform: uppercase; letter-spacing: 0; }
[data-theme="dark"] .article-description { color: #ddd; font-size: .95rem; }
[data-theme="dark"] .article-body { font-family: var(--pico-font-family); font-size: .95rem; }
[data-theme="dark"] .article-body h2, [data-theme="dark"] .article-body h3, [data-theme="dark"] .article-body h4 { color: #fff; }
[data-theme="dark"] .article-body figure img { max-height: none; }
[data-theme="dark"] .article-body img { background: transparent; filter: none; }
[data-theme="dark"] .article-body img[data-legacy-role="lead-image"] { display: block; margin: 1rem auto; }
[data-theme="dark"] .article-body iframe[data-legacy-media="video"] { display: block; width: 100%; height: auto; aspect-ratio: 16 / 9; border: 0; margin: 1.5rem auto; }
[data-theme="dark"] .article-body embed { max-width: 100%; }
[data-theme="dark"] .page-toc, [data-theme="dark"] .related-navigation { border-color: #333; }
[data-theme="dark"] .directory-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr)); gap: 1rem; }
[data-theme="dark"] .directory-list > li { display: flex; flex-direction: column; border: 1px solid #222; box-shadow: 2px 2px 12px #8884; padding: 1rem; }
[data-theme="dark"] .directory-list img { width: 100%; height: 180px; object-fit: contain; background: #000; }
[data-theme="dark"] .directory-list h3 a { display: block; border-radius: 2em; background: #cc3300; padding: .75rem 1rem; color: #fff; font-size: .85rem; text-decoration: none; }
[data-theme="dark"] .directory-list h3 a:hover { background: #a92b00; }
[data-theme="dark"] .directory-list p { color: #ccc; }
[data-theme="dark"] .site-footer { --footer-fg: #fff; --footer-muted: #ccc; --footer-icon-bg: #8884; background: #000; box-shadow: 0 -10px 10px #fff2; }
[data-theme="dark"] .site-footer #social-buttons a:hover { background: #666; }
[data-theme="dark"] .breadcrumbs li + li::before { color: #888; }
[data-theme="dark"] .skip-link { background: #111; }