/* Approved homepage colour system. The original header, hero and artwork rules remain intact. */
:root {
  color-scheme: dark;
  --dx-bg: #111411;
  --dx-surface: #181d17;
  --dx-raised: #22291e;
  --dx-text: #f4f5ed;
  --dx-muted: #b9c1b2;
  --dx-border: #354032;
  --dx-lime: #d5ff53;
  --dx-selected: #29331c;
  --muted: var(--dx-muted);
  --line: var(--dx-border);
}
body { background: var(--dx-bg); color: var(--dx-text); }
.body-copy, .opening .line-note, .knowledge-heading .label,
.feature p, .feature .index, .deployment .label, .file-type,
.download-row p, .deploy-notes, .faq details p,
.guide-page p, .guide-page li { color: var(--dx-muted); }
.opening .line-note:before { background: var(--dx-lime); }
.journey, .closing { background: var(--dx-surface); }
.demo-shell { background: var(--dx-surface); color: var(--dx-text); }
.demo-toolbar, .demo-tabs { border-color: var(--dx-border); }
.demo-status { color: var(--dx-lime); }
.demo-status:before { background: var(--dx-lime); }
.demo-tabs { background: var(--dx-bg); }
.demo-tabs button { color: var(--dx-muted); }
.demo-tabs button[aria-selected=true] { background: var(--dx-lime); color: var(--dx-bg); }
.demo-panel .panel-label, .demo-panel>p { color: var(--dx-muted); }
.message-avatar { background: var(--dx-raised); color: var(--dx-lime); }
.message { background: var(--dx-raised); border-color: var(--dx-border); color: var(--dx-text); }
.message.internal { background: var(--dx-selected); border-color: #586836; }
.message.response { background: var(--dx-lime); color: var(--dx-bg); }
.panel-notes span { border-color: var(--dx-border); color: var(--dx-muted); }
.knowledge-art:before, .source-chip { border-color: var(--dx-border); }
.knowledge-art:after { background: var(--dx-raised); }
.knowledge-core { box-shadow: 0 0 0 14px #22291e90; }
.source-chip { background: var(--dx-surface); color: var(--dx-text); box-shadow: 0 5px 15px #00000020; }
.source-chip:before { color: var(--dx-lime); }
.knowledge-art .orbit-note { color: var(--dx-muted); }
.knowledge-art-header, .source-record, .source-record>span,
.knowledge-bridge { color: var(--dx-muted); }
.source-register, .source-record { border-color: var(--dx-border); }
.knowledge-bridge>span:first-child, .feature-expand .expand-symbol { color: var(--dx-lime); }
.knowledge-result { background: var(--dx-selected); color: var(--dx-text); }
.knowledge-result .label, .knowledge-result>span:last-child { color: var(--dx-muted); }
.human { color: var(--ink); }
.network .body-copy, .network details p, .network-caption,
.closing-copy p, .closing-note, .footer-links, .footer-bottom { color: var(--dx-muted) !important; }
.network details, .footer-word, .footer-bottom { border-color: var(--dx-border); }
.download-list, .download-row { border-color: var(--dx-border); }
.download-row:hover { background: var(--dx-surface); }
.file-icon { border-color: var(--dx-muted); color: var(--dx-muted); }
.file-icon:after { border-color: var(--dx-muted); background: var(--dx-bg); }
.download-arrow { background: var(--dx-raised); color: var(--dx-text); }
.download-row:hover .download-arrow { background: var(--dx-lime); color: var(--dx-bg); }
.faq summary span { color: var(--dx-lime); }
.footer-word { color: var(--dx-text); }
dialog { background: var(--dx-surface); color: var(--dx-text); border-color: var(--dx-border); }
dialog::backdrop { background: #080b08c0; }
dialog p, dialog .label, .trial-note { color: var(--dx-muted); }
.dialog-close { color: var(--dx-text); }
.dialog-close:hover { color: var(--dx-lime); }
.guide-page pre { background: var(--dx-raised); color: var(--dx-text); }
.guide-page a { color: var(--dx-lime); }
.guide-page .guide-notice { background: var(--dx-selected); border-color: #586836; color: var(--dx-text) !important; }
.guide-page th, .guide-page td { color: var(--dx-text); }
.skip { color: var(--dx-bg); }
body a:focus-visible, body button:focus-visible, body summary:focus-visible { outline-color: var(--dx-lime); }
