/* The same light/dark preference applies to the actual chat, wallet and recordings. */
:root:is([data-theme=dark],[data-theme=dim]) { color-scheme: dark; --ink:var(--theme-text); --muted:var(--theme-muted); --line:var(--theme-line); --danger:var(--theme-danger); }
:root:is([data-theme=dark],[data-theme=dim]) body { background:var(--theme-page); color:var(--ink); }
:root:is([data-theme=dark],[data-theme=dim]) :is(.workspace,.panel,.conversation-top,.composer,dialog,.wallet-panel) { background:var(--theme-panel); color:var(--ink); border-color:var(--line); }
:root:is([data-theme=dark],[data-theme=dim]) :is(.conversation,.composer form,.bubble,.bubble.financial,.trade-card) { background:var(--theme-well); color:var(--ink); border-color:var(--line); }
:root:is([data-theme=dark],[data-theme=dim]) .bubble.outgoing { background:var(--theme-outgoing); color:var(--ink); border-color:#5a7145; }
:root:is([data-theme=dark],[data-theme=dim]) :is(input,textarea,select,.code) { background:var(--theme-page); color:var(--ink); border-color:var(--theme-edge); }
:root:is([data-theme=dark],[data-theme=dim]) :is(.secondary,.bubble button,.empty-conversation h3,.file-label) { color:var(--theme-accent); }
:root:is([data-theme=dark],[data-theme=dim]) .secondary:hover { background:var(--theme-hover); }
:root:is([data-theme=dark],[data-theme=dim]) :is(.rhea-queue,.profile-privacy,.near-state,.trade-state,.tag) { background:var(--theme-hover); color:var(--ink); border-color:var(--line); }
:root:is([data-theme=dark],[data-theme=dim]) :is(.avatar,.conversation-top .avatar) { background:#d7e8a1; color:#173f35; }
:root:is([data-theme=dark],[data-theme=dim]) .identity img { filter:brightness(0) invert(1); }
:root:is([data-theme=dark],[data-theme=dim]) :is(a,button,summary,input,textarea,select):focus-visible { outline-color:#d5e993; }
:root:is([data-theme=dark],[data-theme=dim]) dialog::backdrop { background:#06160dc7; }
:root:is([data-theme=dark],[data-theme=dim]) .money-page #wallet-onboarding { background:var(--theme-panel); color:var(--ink); }
:root:is([data-theme=dark],[data-theme=dim]) :is(.wallet-people .person button,.wallet-entry>button) { color:var(--theme-accent); }
:root:is([data-theme=dark],[data-theme=dim]) .wallet-people .person button:hover { background:var(--theme-hover); }