/* Dark mode overrides for the standalone documentation site. */
.top-tools { display: flex; align-items: center; gap: 10px; }

html[data-theme="dark"] { color-scheme: dark; --bg:#091321; --surface:#101d30; --surface-2:#14243b; --line:rgba(191,217,255,.13); --line-strong:rgba(191,217,255,.22); --text:#edf5ff; --muted:#a8bbd6; --muted-dim:#7790b2; --accent:#69a8ff; --accent-soft:rgba(105,168,255,.14); --accent-line:rgba(105,168,255,.38); --good:#65c89c; }
html[data-theme="dark"] body { background: linear-gradient(180deg, #0b1422 0%, #0c1727 48%, #091321 100%); color: #edf5ff; }
html[data-theme="dark"] body::before { background: radial-gradient(820px 500px at 88% -8%, rgba(48, 126, 229, .16), transparent 66%), radial-gradient(680px 440px at 4% 28%, rgba(97, 159, 241, .09), transparent 70%); }
html[data-theme="dark"] .brand,
html[data-theme="dark"] h1,
html[data-theme="dark"] h2,
html[data-theme="dark"] h3 { color: #edf5ff; }
html[data-theme="dark"] p { color: #a8bbd6; }
html[data-theme="dark"] .lang,
html[data-theme="dark"] .copy,
html[data-theme="dark"] .pill,
html[data-theme="dark"] .codebar,
html[data-theme="dark"] .switcher,
html[data-theme="dark"] .guide,
html[data-theme="dark"] .step,
html[data-theme="dark"] .recommend { background: rgba(16, 29, 48, .92); border-color: rgba(191, 217, 255, .15); }
html[data-theme="dark"] input,
html[data-theme="dark"] select,
html[data-theme="dark"] .tab { background: #101d30; border-color: rgba(191, 217, 255, .16); color: #edf5ff; }
html[data-theme="dark"] .doc-links a { background: rgba(16, 29, 48, .74); border-color: rgba(191, 217, 255, .16); color: #b9cbe4; }
html[data-theme="dark"] .doc-links a:hover { background: #162740; border-color: rgba(105, 168, 255, .44); }
html[data-theme="dark"] .primary,
html[data-theme="dark"] .switcher-download { background: #69a8ff; color: #09204a; box-shadow: none; }
html[data-theme="dark"] .secondary-download { background: transparent; color: #dbe9fb; border-color: rgba(105, 168, 255, .42); }

@media (max-width: 680px) { .top-tools { width: 100%; justify-content: space-between; } }
