/* Theme the illustration chrome without changing captured content or animation. */
:root[data-theme="dark"] .space-art .mini-workspace {
  border-color:#465363;
  background:linear-gradient(140deg,#494346,#2b414e);
  box-shadow:0 20px 35px -20px #0009;
}
:root[data-theme="dark"] .space-art .workspace-two { background:linear-gradient(135deg,#314663,#2c464b); }
:root[data-theme="dark"] .space-art .workspace-menu {
  color:#edf2fa;
  background:#151c2a8c;
  box-shadow:0 1px #ffffff0d;
}
:root[data-theme="dark"] .space-art .workspace-label { color:#c8d5e5; }
:root[data-theme="dark"] .space-art .mini-browser { background:#232a34; box-shadow:0 8px 20px #0005; }
:root[data-theme="dark"] .space-art .mini-chrome { background:#2b3441; }
:root[data-theme="dark"] .space-art .mini-notes { background:#242b33; color:#edf2fa; box-shadow:0 4px 14px #0004; }
:root[data-theme="dark"] .space-art .mini-notes i { background:#46505b; }
:root[data-theme="dark"] .space-art .mini-notes small { color:#abb9c8; }
:root[data-theme="dark"] .space-art .mini-floater { border-color:#a4badf66; box-shadow:0 8px 18px #0007; }
:root[data-theme="dark"] .space-art .space-path { color:#92b2df; }

/* Keep all eight feature artboards in the same quiet, blue-gray family. */
:root[data-theme="dark"] .detail-art { background:#232a34; color:#b2c2d9; border-color:#35404e; }
:root[data-theme="dark"] .tiny-menu-bar { color:#dce7f7; background:#2d3849; --menu-knob-color:#2d3849; }
:root[data-theme="dark"] .tiny-menu-bar .tiny-menu-trigger { background:#a4bee727; }
:root[data-theme="dark"] .tiny-menu { color:#dbe6f6; background:#2c3545ed; border-color:#46546a; box-shadow:0 12px 20px #0004; }
:root[data-theme="dark"] .tiny-menu kbd { color:#aebed4; }
:root[data-theme="dark"] .tiny-menu hr { border-color:#455064; }
:root[data-theme="dark"] .tiny-menu .tiny-window-icon { color:#8cb9fa; }
:root[data-theme="dark"] .keys-art kbd {
  background:linear-gradient(#3b4658,#2c3646);
  border-color:#526078;
  box-shadow:0 4px 0 #17202d,0 8px 12px #0003;
  color:#d7e3f7;
}
:root[data-theme="dark"] .keys-art kbd:nth-child(3) { background:linear-gradient(#354f77,#293f61); color:#a6c8ff; }
:root[data-theme="dark"] :is(.keys-art>span,.pace-art>span:last-child) { color:#a4b3c8; }
:root[data-theme="dark"] .stack-card { border-color:#4c5b73; background:#2c3646; box-shadow:0 5px 10px #0004; }
:root[data-theme="dark"] .card-back { background:#2c384b; color:#8fa8cc; }
:root[data-theme="dark"] .card-middle { background:#344054; }
:root[data-theme="dark"] .card-front { background:#3b485d; }
:root[data-theme="dark"] .card-front>span { color:#dce7f6; }
:root[data-theme="dark"] .card-front>div { background:#53627b; }
:root[data-theme="dark"] .card-front>div i { background:#8db6ff; }
:root[data-theme="dark"] .card-front small { color:#b0bfd3; }
:root[data-theme="dark"] .stack-chart i { background:#7598cb; }
:root[data-theme="dark"] .stack-chart i:nth-child(5) { background:#9bbffd; }
:root[data-theme="dark"] .pace-numbers>span { color:#a9b9d1; }
:root[data-theme="dark"] .pace-numbers small { color:#b2c2d9; }
:root[data-theme="dark"] .pace-line { background:#46556c; }
:root[data-theme="dark"] .pace-line i { background:#8db7f4; }
:root[data-theme="dark"] .detail-artwork-shadow { filter:drop-shadow(0 4px 5px #0004); }
:root[data-theme="dark"] .detail-artwork-label { fill:#b2c2d9; }

/* Explicit SVG paint mappings leave the scenery, white cursor, and brand intact. */
:root[data-theme="dark"] :is(.detail-render-art,.detail-toolbar-art,.detail-iteration-art) [fill="#fff"] { fill:#2d3747; }
:root[data-theme="dark"] .detail-render-art [fill="#f9fbfe"] { fill:#293444; }
:root[data-theme="dark"] .detail-render-art :is([fill="#c6d2e2"],[fill="#c9d4e4"]) { fill:#6e829e; }
:root[data-theme="dark"] .detail-render-art :is([stroke="#cbd7e7"],[stroke="#ccd7e6"]) { stroke:#52647e; }
:root[data-theme="dark"] .detail-render-art :is([stroke="#e0e7f1"],[stroke="#e8eef6"],[stroke="#e1e8f2"],[stroke="#e4eaf3"],[stroke="#e6eef8"]) { stroke:#42536b; }
:root[data-theme="dark"] .detail-render-art [stroke="#a9c5eb"] { stroke:#789ccf; }
:root[data-theme="dark"] .detail-render-art [stroke="#4485dc"] { stroke:#8dbbff; }
:root[data-theme="dark"] .detail-render-art [fill="#5799ed"] { fill:#9dc7ff; }
:root[data-theme="dark"] .detail-render-art [fill="#e5efff"] { fill:#304769; }
:root[data-theme="dark"] .detail-render-art [stroke="#c6d9f4"] { stroke:#5b79a3; }
:root[data-theme="dark"] .detail-render-art [stroke="#5789cc"] { stroke:#a5c7fa; }

:root[data-theme="dark"] .detail-hover-art [stroke="#bdcfe7"] { stroke:#7794b8; }
:root[data-theme="dark"] .detail-hover-art path[fill="#fff"]:not(.detail-artwork-shadow) { fill:#263448; opacity:.92; }
:root[data-theme="dark"] .detail-hover-art [stroke="#91a5bf"] { stroke:#dbe7fa; opacity:.9; }
:root[data-theme="dark"] .detail-hover-art [fill="#4e6b90"] { fill:#263448; opacity:.9; }
:root[data-theme="dark"] .detail-hover-art [fill="#719bcf"] { fill:#8cbeff; }
:root[data-theme="dark"] .detail-hover-art [stroke="#94afd1"] { stroke:#a9c0df; }
:root[data-theme="dark"] .detail-hover-art [stroke="#5e7b9f"] { stroke:#dbe7fa; opacity:.9; }

:root[data-theme="dark"] .detail-toolbar-art :is([stroke="#c6d4e7"],[stroke="#c8d7ec"]) { stroke:#596f90; }
:root[data-theme="dark"] .detail-toolbar-art :is([stroke="#e3eaf4"],[stroke="#e1e9f4"]) { stroke:#465a76; }
:root[data-theme="dark"] .detail-toolbar-art [fill="#c2cfe1"] { fill:#8298b9; }
:root[data-theme="dark"] .detail-toolbar-art [fill="#edf3fc"] { fill:#354863; }
:root[data-theme="dark"] .detail-toolbar-art [fill="#4c6381"] { fill:#202b3a; }
:root[data-theme="dark"] .detail-toolbar-art [fill="#7191bb"] { fill:#3a557b; }
:root[data-theme="dark"] .detail-toolbar-art [fill="#e8f1ff"] { fill:#344e74; }
:root[data-theme="dark"] .detail-toolbar-art [fill="#3977cb"] { fill:#a8ceff; }

:root[data-theme="dark"] .detail-iteration-art :is([stroke="#d2deed"],[stroke="#c1d3eb"],[stroke="#cbd8e9"]) { stroke:#526783; }
:root[data-theme="dark"] .detail-iteration-art [stroke="#edf1f7"] { stroke:#42536b; }
:root[data-theme="dark"] .detail-iteration-art [stroke="#e2eaf5"] { stroke:#4d617e; }
:root[data-theme="dark"] .detail-iteration-art :is([fill="#eef4fc"],[fill="#edf4ff"]) { fill:#2e425e; }
:root[data-theme="dark"] .detail-iteration-art [fill="#e5effe"] { fill:#385272; }
:root[data-theme="dark"] .detail-iteration-art [fill="#dfeaff"] { fill:#45648b; }
:root[data-theme="dark"] .detail-iteration-art :is([stroke="#b9cde6"],[stroke="#b8ceeb"]) { stroke:#6b8ab2; }
:root[data-theme="dark"] .detail-iteration-art :is([stroke="#5e8bc6"],[stroke="#7099cd"]) { stroke:#b0d1ff; }

/* Captured app windows retain their own light UI and explicit text colors. */
:root[data-theme="dark"] :is(.hero-stage,.demo-stage) { color-scheme:light; color:#26364c; --blue:#2869ed; }
:root[data-theme="dark"] .demo-stage { color:#353b37; background:#303e37; }
:root[data-theme="dark"] .hero-stage { background:#24344d; }
:root[data-theme="dark"] .hs-wallpaper { background:radial-gradient(ellipse at 90% 10%,#364865 0,transparent 65%),linear-gradient(135deg,#2a3549,#233c54); }
:root[data-theme="dark"] .hs-desktop[data-scene="launch"] .hs-wallpaper { background:radial-gradient(ellipse at 20% 0,#354969 0,transparent 60%),linear-gradient(140deg,#233957,#3c4c62); }
:root[data-theme="dark"] .hs-desktop[data-scene="ai"] .hs-wallpaper { background:linear-gradient(125deg,#38354a,#2d3d57 55%,#243958); }
:root[data-theme="dark"] .hs-desktop[data-scene="market"] .hs-wallpaper { background:linear-gradient(135deg,#304542,#244047 65%,#344651); }
:root[data-theme="dark"] .hs-desktop[data-scene="excel"] .hs-wallpaper { background:linear-gradient(140deg,#45413b,#494239 50%,#30494a); }
:root[data-theme="dark"] .hs-menubar { color:#e1e9f7; background:#17202fc9; box-shadow:0 1px #ffffff0d; --menu-knob-color:#253148; }
:root[data-theme="dark"] .hs-floater { box-shadow:0 20px 45px #0008,0 0 0 1px #b9c9e666; }
:root[data-theme="dark"] :is(.demo-canvas,.demo-captured-desktop) { background:linear-gradient(140deg,#303e37 0%,#41433a 48%,#253b35 100%); }
:root[data-theme="dark"] .demo-canvas[data-step="2"] { background:linear-gradient(130deg,#303c39,#434039 52%,#263d35); }
:root[data-theme="dark"] .demo-desktop-halo { border-color:#a9c1b11a; }
:root[data-theme="dark"] :is(.demo-desktop-menu,.demo-mini-menu) { color:#e0e9e3; background:#17241fcc; box-shadow:0 1px #ffffff0d; --menu-knob-color:#2a3931; }
:root[data-theme="dark"] .demo-dock { background:#1f3028b3; box-shadow:inset 0 0 0 1px #bfd5c92b,0 3px 8px #0003; }
:root[data-theme="dark"] .demo-dock>span { background:#bfd5c935; }
:root[data-theme="dark"] .demo-workspace-tag { color:#b5c7b9; }
:root[data-theme="dark"] .demo-workspace-tag i { background:#a1b99e; }