/* Theme tokens are separate from the brand's fixed artwork colors. */
:root {color-scheme:light;--page-bg:#e9e9e5;--page-fg:#302d2e;--chrome:#e9e9e5;}
:root[data-scheme=dark] {color-scheme:dark;--page-bg:#181c19;--page-fg:#dce3da;--chrome:#202620;}
@media(prefers-color-scheme:dark){:root:not([data-scheme]){color-scheme:dark;--page-bg:#181c19;--page-fg:#dce3da;--chrome:#202620;}}
html,body {background:var(--page-bg);color:var(--page-fg);}
.header-tools {display:flex;gap:10px;align-items:center;justify-self:end;}
@media(max-width:620px){.header-tools{gap:7px;}}
/* Static support, policy and help pages use the same preference and control. */
body:not(:has(#root)) {background:var(--page-bg);color:var(--page-fg);}
:root[data-scheme=dark] body:not(:has(#root)) {--paper:#181c19;--ink:#dce3da;--mint:#80b996;--rule:#536056;}
:root[data-scheme=dark] body:not(:has(#root)) header {background:#202620;color:#dce3da;border-color:#536056;}
:root[data-scheme=dark] body:not(:has(#root)) a {color:#9cc8aa;}
:root[data-scheme=dark] body:not(:has(#root)) .lang-menu ul {background:#202620;color:#dce3da;}
:root[data-scheme=dark] body:not(:has(#root)) img {filter:brightness(.72);}
:root[data-scheme=dark] body:not(:has(#root)) footer {background:#111613;color:#dce3da;}
:root[data-scheme=dark] body:not(:has(#root)) .separate,:root[data-scheme=dark] body:not(:has(#root)) .card,:root[data-scheme=dark] body:not(:has(#root)) code,:root[data-scheme=dark] body:not(:has(#root)) .shot-pending {background:#253128;}
@media(max-width:620px){body:not(:has(#root)) header{flex-wrap:wrap;gap:12px;}body:not(:has(#root)) header nav{width:100%;flex-direction:row;justify-content:flex-end;flex-wrap:wrap;gap:12px;align-items:center;}}