/* R121: genre states mirror format states; reuse the existing light-theme green palette. */
:root{--genre-highlight:#dce8cf;--genre-ink:#273a22;--genre-border:#a8ba96;--genre-hover-border:#6f875f}
html[data-theme] #filter-panel #cluster-buttons button,
html[data-theme] #filter-panel #cluster-buttons button[aria-pressed=false],
html[data-theme] #filter-panel #cluster-buttons button[aria-pressed=false]:hover,
html[data-theme] #cube-panel #cube-face-list button,
html[data-theme] #cube-panel #cube-face-list button[aria-pressed=false]{background:var(--genre-highlight);color:var(--genre-ink);border-color:var(--genre-border);box-shadow:none}
html[data-theme] #filter-panel #cluster-buttons button[aria-pressed=true],
html[data-theme] #filter-panel #cluster-buttons button[aria-pressed=true]:hover,
html[data-theme] #cube-panel #cube-face-list button[aria-pressed=true]{background:#fff;color:#595959;border-color:#aaa;box-shadow:none}
html[data-theme] #filter-panel #cluster-buttons button:hover,
html[data-theme] #filter-panel #cluster-buttons button[aria-pressed=false]:hover,
html[data-theme] #filter-panel #cluster-buttons button[aria-pressed=true]:hover,
html[data-theme] #cube-panel #cube-face-list button:hover{border-color:var(--genre-hover-border);box-shadow:0 0 0 1px var(--genre-hover-border)}
html[data-theme] #filter-panel #cluster-buttons button:focus-visible,
html[data-theme] #cube-panel #cube-face-list button:focus-visible{outline:2px solid var(--aiml-focus);outline-offset:3px}