body.dark{
  --bg:#0b1018;
  --surface:#111925;
  --canvas:#0b121d;
  --text:#e5edf8;
  --muted:#91a0b5;
  --line:#263346;
  --accent:#8ab4ff;
  --soft:#192a40;
  --navy:#25456d;
  --grid:#1b2b3e;
  --input:#0d1622;
  background:var(--bg);
  color:var(--text);
}
.dark .primary{background:#3976d8;border-color:#3976d8;color:#fff}
.dark .primary:hover{background:#4b88e8}
.dark .brand b{color:#9aaac0}
.dark .project-type{background:#1b2a3d;color:#a6bad7}
.dark .canvas-caption h1{color:#e1eaf7}
.dark .canvas-caption .eyebrow{color:#91aaca}
.dark .result-card{border-color:#314a6b;background:#142236}
.dark .node-body,.dark .node-box{stroke:#3a4b64}
.dark .tree-edge,.dark .branch-line{stroke:#4a5d77}
.dark .tree-edge.highlighted,.dark .tree-edge.selected,.dark .tree-branch.highlighted .branch-line,.dark .tree-branch.selected .branch-line{stroke:var(--accent)}
.dark .warning{background:#392d1e;color:#f0c77e}
.dark .branch-label-text,.dark .fraction-text,.dark .fraction-numerator,.dark .fraction-denominator,.dark .fraction-unspecified{fill:#b0bfd5}
.dark .fraction-line,.dark .fraction-divider{stroke:#a5b6cd}
.dark .branch-event-label,.dark .branch-label .event-label{fill:#9eb0c8}
.dark .collapse-button circle,.dark .node-collapse circle{stroke:#53647d}
.dark .node-marble,.dark .node-dot{stroke:#111925}
.dark .tool,.dark .view-actions button,.dark .canvas-options button,.dark .zoom-controls button{color:#a7b6cb}
.dark .tool.active,.dark .segmented button.active{color:var(--accent)}
.dark .tool.active kbd{background:#203552;color:#b5d0ff;border-color:#36557e}
.dark .file-actions .secondary,.dark .secondary{background:var(--surface)}
.dark .warning,.dark .notice{border-color:var(--line)}
.dark .save-status,.dark .breadcrumb,.dark .sidebar-heading,.dark .sidebar-bottom p,.dark .eyebrow{color:var(--muted)}
.dark .muted,.dark .field label,.dark .field-label,.dark .sidebar-section .field label{color:#a1b0c5}
.dark .count-badge,.dark kbd{color:#a9bad1}
.dark .template-card:hover,.dark .export-choice:hover{border-color:#5775a3}
.dark #toast{background:#203550;box-shadow:0 12px 32px #0006}
.dark .statusbar{background:#0b111a}
.dark .selection-marquee{fill:#8ab4ff19}