html[data-systems-theme]{--theme-bg:#dce3ec;--theme-ink:#172130;--theme-card:#eaf0f7;--theme-line:#17213030;color-scheme:light}
html[data-systems-theme=dark]{--theme-bg:#101722;--theme-ink:#e2eaf5;--theme-card:#1b2839;--theme-line:#b3c8e333;color-scheme:dark}
html[data-systems-surface=mission]{--paper:var(--theme-bg);--ink:var(--theme-ink);--line:var(--theme-line)}
html[data-systems-surface=mission] .scene--intro{--scene-bg:var(--theme-bg);--scene-ink:var(--theme-ink)}
html[data-systems-surface=mission] .mission{background:var(--theme-card)!important;color:var(--theme-ink);border-color:var(--theme-line)}
html[data-systems-theme=dark][data-systems-surface=mission] .scene--smia{--scene-bg:#152353;--scene-ink:#dce6ff}
html[data-systems-theme=dark][data-systems-surface=mission] .scene--vev{--scene-bg:#321b20;--scene-ink:#ff9179}
html[data-systems-theme=dark][data-systems-surface=mission] .scene--loom{--scene-bg:#172a27;--scene-ink:#b5f080}
html[data-systems-theme=dark][data-systems-surface=mission] .scene--verket{--scene-bg:#291c30;--scene-ink:#ffb9cf}
html[data-systems-theme=dark][data-systems-surface=mission] .scene--human{--scene-bg:#101722;--scene-ink:#e2eaf5}
html[data-systems-surface=vev] body[data-step="3"]{--bg:var(--theme-bg);--ink:var(--theme-ink);--paper:var(--theme-bg)}
html[data-systems-surface=vev] body[data-step="4"]{--bg:#bada66;--ink:#182319;--paper:#bada66;--signal:#244add}
html[data-systems-surface=vev] body[data-step="0"]{--paper:#eaf0f7;--signal:#eaf0f7}
html[data-systems-theme=dark][data-systems-surface=vev] body{--bg:#151b28;--ink:#e2eaf5;--paper:#151b28;--signal:#8eaaff}
html[data-systems-theme=dark][data-systems-surface=vev] body[data-step="0"]{--bg:#291b22;--ink:#ff9179;--paper:#291b22;--signal:#e2eaf5}
html[data-systems-theme=dark][data-systems-surface=vev] body[data-step="2"]{--bg:#1c2050;--ink:#dce6ff;--paper:#1c2050;--signal:#bada66}
html[data-systems-theme=dark][data-systems-surface=vev] body[data-step="4"]{--bg:#18271e;--ink:#c4ed88;--paper:#18271e;--signal:#a5bdff}
html[data-systems-surface=mission] .topline,html[data-systems-surface=mission] .controls{background:var(--theme-bg);color:var(--theme-ink);border-color:var(--theme-line)}
html[data-systems-surface=mission] .chapter::before{background:var(--theme-bg)}
html[data-systems-surface=mission] .chapter.is-current::before{background:var(--theme-ink)}
html[data-systems-theme=dark][data-systems-surface=mission] h1 em{color:#ff9179}