/* One charcoal, stone and burgundy palette for the whole console. */
html[data-theme]{
 --g-paper:#c1b2b7;
 --g-panel:#d5d5d1;
 --g-inset:#e7e7e3;
 --g-line:#49232e;
 --g-text:#202024;
 --g-muted:#492d38;
 --g-metal:#9d8b91;
 --g-accent:#772b38;
 --g-accent-text:#fafaf5;
 --g-accent-ink:#772b38;
 --g-shadow:#17171b;
 --key-face:#d5d5d1;
 --key-top:#fafaf5;
 --key-edge:#9d8b91;
 --key-base:#49232e;
 --ink:var(--g-text);
 --paper:var(--g-paper);
 --shade:var(--g-metal);
 background:var(--g-paper);
 color:var(--g-text);
 accent-color:var(--g-accent);
}
html[data-theme=dark]{
 --g-paper:#202024;
 --g-panel:#3a3038;
 --g-inset:#17171b;
 --g-line:#aaa0a6;
 --g-text:#f2f2ed;
 --g-muted:#c1b2b7;
 --g-metal:#796871;
 --g-accent-ink:#d5a1ad;
 --key-face:#3a3038;
 --key-top:#796871;
 --key-edge:#202024;
 --key-base:#17171b;
}
html[data-theme] body{background:var(--g-paper);color:var(--g-text)}
html[data-theme] .player-card .playback-state.is-playing{color:var(--g-accent-ink)}
html[data-theme] .player-card .volume-panel :is(label,output){color:var(--g-muted)}
html[data-theme] .player-card .effect-suit{color:var(--g-accent-ink)}
html[data-theme] .player-card .curse-dial:focus-within{outline-color:var(--g-accent-ink)}
html[data-theme] .player-card .pixel-range::-webkit-slider-thumb{background:var(--g-accent);border-color:var(--g-line);box-shadow:2px 2px 0 var(--g-shadow)}
html[data-theme] .player-card .pixel-range::-moz-range-thumb{background:var(--g-accent);border-color:var(--g-line);box-shadow:2px 2px 0 var(--g-shadow)}
html[data-theme] .health-meter{filter:url(#heart-surface-palette-light)}
html[data-theme=dark] .health-meter{filter:url(#heart-surface-palette-dark)}
html[data-theme] :is(.health-notice,.ghost-quote){background:var(--g-panel);color:var(--g-text);border-color:var(--g-line);box-shadow:2px 2px 0 var(--g-shadow)}
html[data-theme] .ghost-lock svg{fill:var(--g-accent-ink)}
html[data-theme] .player-page::after{background:var(--g-inset)}
html[data-theme] .font-setting select{accent-color:var(--g-accent)}
html[data-theme] .settings-menu[open] .settings-toggle{background:var(--g-panel)}
