/* Shared day/night choice, applied before paint and updated by the portal. */
html[data-embed=true][data-color-mode=day]{background:#f5f4f0;color-scheme:light}
html[data-embed=true][data-color-mode=night]{background:#181c24;color-scheme:dark}
html[data-color-mode=day] body[data-embed=true][data-skin]{--bg:#f5f4f0;--paper:#fffefb;--ink:#252b34;--muted:#576371;--line:#d5d9de;--lime:#e8b859;--lilac:#f1e6d2;--rose:#f3dedf;--button-ink:#252b34;color-scheme:light}
html[data-color-mode=night] body[data-embed=true][data-skin]{--bg:#181c24;--paper:#202630;--ink:#f1eee8;--muted:#adb7c4;--line:#343d49;--lime:#e8b859;--lilac:#283441;--rose:#4c3038;--button-ink:#17212b;color-scheme:dark}
html[data-color-mode] body[data-embed=true][data-skin] .control-panel{background:var(--paper)}
html[data-color-mode] body[data-embed=true][data-skin] .mode-tabs{background:var(--bg)}
html[data-color-mode] body[data-embed=true][data-skin] .mode-tabs button.active{background:var(--lime);color:var(--button-ink)}
html[data-color-mode] body[data-embed=true][data-skin] .clock{background:var(--lilac);color:var(--ink)}
html[data-color-mode] body[data-embed=true][data-skin] .clock.running{background:var(--lime);color:var(--button-ink)}

html[data-color-mode] body[data-embed=true][data-skin] .notation{background:var(--bg)}
html[data-color-mode] body[data-embed=true][data-skin] .bot-face{background:var(--lilac);color:var(--ink)}