/* Match every illustrated feature preview to the site's dark theme. */
html[data-theme="dark"] .feature-preview {
  background: #172c3d;
  border-color: #425d6e;
  color: #e8f2f5;
  filter: none;
}

html[data-theme="dark"] .product-grid .feature-preview,
html[data-theme="dark"] .feature-tile-planned .feature-preview {
  background: #172c3d;
}

html[data-theme="dark"] .mini-titlebar {
  background: #263f50;
  border-color: #405a6b;
  color: #e8f2f5;
}

html[data-theme="dark"] .mini-titlebar small,
html[data-theme="dark"] .product-vision > small,
html[data-theme="dark"] .product-north > small,
html[data-theme="dark"] .product-docs small,
html[data-theme="dark"] .mini-explorer-detail small,
html[data-theme="dark"] .mini-api-layout small {
  color: #9eb9c8;
}

html[data-theme="dark"] .product-overview > div,
html[data-theme="dark"] .product-backlog > div,
html[data-theme="dark"] .mini-node,
html[data-theme="dark"] .mini-metrics > div,
html[data-theme="dark"] .mini-spec-rule,
html[data-theme="dark"] .mini-chat-input {
  background: #223a4c;
  border-color: #466172;
  color: #e8f2f5;
  box-shadow: none;
}

html[data-theme="dark"] .product-overview b,
html[data-theme="dark"] .product-vision strong,
html[data-theme="dark"] .product-roadmap b,
html[data-theme="dark"] .product-north b,
html[data-theme="dark"] .product-docs strong,
html[data-theme="dark"] .mini-explorer-detail b,
html[data-theme="dark"] .mini-data-tree b,
html[data-theme="dark"] .mini-files-tree b,
html[data-theme="dark"] .mini-activity b,
html[data-theme="dark"] .mini-env-row b,
html[data-theme="dark"] .mini-spec-head b {
  color: #e6f0f4;
}

html[data-theme="dark"] .product-overview small,
html[data-theme="dark"] .product-overview p,
html[data-theme="dark"] .product-roadmap small,
html[data-theme="dark"] .product-north span,
html[data-theme="dark"] .product-north em,
html[data-theme="dark"] .product-backlog span,
html[data-theme="dark"] .product-docs span,
html[data-theme="dark"] .product-vision p,
html[data-theme="dark"] .product-docs p,
html[data-theme="dark"] .mini-service-row small,
html[data-theme="dark"] .mini-test-row small,
html[data-theme="dark"] .mini-env-row small,
html[data-theme="dark"] .mini-activity small {
  color: #afc3cf !important;
}

html[data-theme="dark"] .product-backlog p,
html[data-theme="dark"] .mini-explorer-detail p {
  color: #d5e4eb !important;
}

html[data-theme="dark"] .product-overview p,
html[data-theme="dark"] .product-roadmap > div,
html[data-theme="dark"] .mini-service-row,
html[data-theme="dark"] .mini-test-row,
html[data-theme="dark"] .mini-cli-tabs,
html[data-theme="dark"] .mini-env-row,
html[data-theme="dark"] .mini-data-table > div,
html[data-theme="dark"] .mini-files-reader small,
html[data-theme="dark"] .mini-activity > div {
  border-color: #3b5667;
}

html[data-theme="dark"] .product-roadmap::before { background: #4d6b7c; }
html[data-theme="dark"] .roadmap-dot { background: #172c3d; border-color: #87a7b7; }
html[data-theme="dark"] .roadmap-dot.done { background: #8fc6aa; border-color: #8fc6aa; }
html[data-theme="dark"] .roadmap-dot.active { background: #91bad0; border-color: #91bad0; }
html[data-theme="dark"] .product-north svg { stroke: #90bed2; }
html[data-theme="dark"] .product-meter,
html[data-theme="dark"] .mini-progress,
html[data-theme="dark"] .mini-spec-bar,
html[data-theme="dark"] .mini-disk-bar { background: #3a5363; }

html[data-theme="dark"] .product-docs > div:first-child,
html[data-theme="dark"] .mini-explorer-list,
html[data-theme="dark"] .mini-data-tree,
html[data-theme="dark"] .mini-files-tree,
html[data-theme="dark"] .mini-api-layout > div:first-child {
  background: #1c3445;
  border-color: #3e5869;
}

html[data-theme="dark"] .product-docs b,
html[data-theme="dark"] .product-backlog b,
html[data-theme="dark"] .product-vision > span,
html[data-theme="dark"] .mini-build-line,
html[data-theme="dark"] .mini-cli-build,
html[data-theme="dark"] .mini-explorer-detail span,
html[data-theme="dark"] .mini-explorer-detail span:first-of-type {
  color: #a7d0e1;
}

html[data-theme="dark"] .mini-map-canvas {
  background-color: #172c3d;
  background-image: radial-gradient(#58788a .8px, transparent .8px);
}
html[data-theme="dark"] .mini-map-canvas svg { stroke: #87aabd; }
html[data-theme="dark"] .mini-node small { color: #a9c9b8; }
html[data-theme="dark"] .mini-service-row i,
html[data-theme="dark"] .mini-test-row i,
html[data-theme="dark"] .mini-env-row i {
  background: #294759;
  border-color: #4c6c7d;
  color: #d5e8f0;
}
html[data-theme="dark"] .mini-service-row i.mini-primary {
  background: #a3c9dc;
  border-color: #a3c9dc;
  color: #173243;
}
html[data-theme="dark"] .mini-pass { background: #294d43; color: #a4dec0; }
html[data-theme="dark"] .mini-fail { background: #533c36; color: #f0b7a3; }
html[data-theme="dark"] .mini-log,
html[data-theme="dark"] .mini-cli code,
html[data-theme="dark"] .mini-api-layout pre { background: #0f2230; color: #cee5ed; }

html[data-theme="dark"] .mini-explorer-list span,
html[data-theme="dark"] .mini-data-table > div:first-child,
html[data-theme="dark"] .mini-spec-files span,
html[data-theme="dark"] .mini-chat-agent,
html[data-theme="dark"] .mini-event-icon {
  background: #2b485a;
  color: #d4e5ec;
}
html[data-theme="dark"] .mini-explorer-list em,
html[data-theme="dark"] .mini-data-tree span,
html[data-theme="dark"] .mini-data-table > div,
html[data-theme="dark"] .mini-files-tree span,
html[data-theme="dark"] .mini-files-reader code,
html[data-theme="dark"] .mini-cli > div:last-child,
html[data-theme="dark"] .mini-api-layout span { color: #afc5d0; }
html[data-theme="dark"] .mini-data-tree .mini-tree-active,
html[data-theme="dark"] .mini-files-tree .mini-tree-active,
html[data-theme="dark"] .mini-api-layout span:first-of-type {
  background: #315367;
  color: #e9f4f7;
}
html[data-theme="dark"] .mini-cli-tabs b,
html[data-theme="dark"] .mini-cli i,
html[data-theme="dark"] .mini-files-tree .mini-tree-child,
html[data-theme="dark"] .mini-spec-rule b,
html[data-theme="dark"] .mini-chat-input b { color: #a5d0e2; }
html[data-theme="dark"] .mini-env-row > span { color: #a8d9bd; }
html[data-theme="dark"] .mini-env-row > span.mini-env-missing { color: #e0b9a2; }
html[data-theme="dark"] .mini-env-foot,
html[data-theme="dark"] .mini-spec-rule span,
html[data-theme="dark"] .mini-chat-input,
html[data-theme="dark"] .mini-activity time { color: #a7bfcb; }
html[data-theme="dark"] .mini-api-layout strong,
html[data-theme="dark"] .mini-api-layout span b { color: #9cddba; }
html[data-theme="dark"] .mini-api-layout em { color: #adbfca; }
html[data-theme="dark"] .mini-spec-files span { border: 1px solid #466172; }
html[data-theme="dark"] .mini-chat-user { background: #456f8b; }