/* R107: a warm gallery canvas; dark mode keeps the existing stylesheet intact. */
html[data-theme=light]{color-scheme:light;--paper:#f7f5f0;--panel:#fffdf8;--ink:#282925;--muted:#60655e;--line:#cccfc5;--accent:#087b91}
html[data-theme=dark]{color-scheme:dark}
html[data-theme=light],html[data-theme=light] body,html[data-theme=light] .page .viz{background:var(--paper);color:var(--ink)}
html[data-theme=light] header,html[data-theme=light] .full-toolbar{background:var(--panel);border-color:var(--line);color:var(--ink)}
html[data-theme=light] .wordmark,html[data-theme=light] .full-toolbar .wordmark{color:var(--ink)}
html[data-theme=light] .wordmark span,html[data-theme=light] .wordmark small,html[data-theme=light] .brand-subtitle,html[data-theme=light] .full-toolbar .brand-subtitle{color:var(--muted)}
html[data-theme=light] button,html[data-theme=light] header button,html[data-theme=light] header .header-right button,html[data-theme=light] footer #navigation-controls button{background:var(--panel);color:var(--ink);border-color:#b8beb2;box-shadow:none}
html[data-theme=light] button:hover,html[data-theme=light] header button:hover,html[data-theme=light] footer #navigation-controls button:hover{background:#eaece5;color:#171b17;border-color:#6d7967}
html[data-theme=light] button[aria-pressed=true],html[data-theme=light] header nav button[aria-current=page],html[data-theme=light] header button[aria-pressed=true],html[data-theme=light] footer #navigation-controls button[aria-pressed=true]{background:#303a31;color:#fffdf8;border-color:#303a31;box-shadow:none}
html[data-theme=light] :is(button,input,a,select):focus-visible{outline:2px solid var(--accent);outline-offset:3px}
html[data-theme=light] button:disabled{opacity:.42}
html[data-theme=light] header .search-field{background:#efeee8;border-color:#c5c9bf}
html[data-theme=light] header .search-field:focus-within{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}
html[data-theme=light] .search-field input{color:var(--ink)}
html[data-theme=light] .search-field input::placeholder,html[data-theme=light] .search-field span{color:#697166}
html[data-theme=light] #filter-panel{background:rgba(247,245,240,.94)}
html[data-theme=light] #filter-panel .diagonal,html[data-theme=light] #cluster-buttons button{background:var(--panel);color:#4d584b;border-color:#aeb9a5}
html[data-theme=light] #filter-panel .diagonal[aria-pressed=true],html[data-theme=light] #cluster-buttons button[aria-pressed=true],html[data-theme=light] #all-clusters[data-all=true]{background:#dce8cf;color:#273a22;border-color:#a8ba96}
html[data-theme=light] #filter-panel .diagonal:hover,html[data-theme=light] #cluster-buttons button:hover{background:#cbdcbb;color:#182815;border-color:#6f875f}
html[data-theme=light] #filter-panel #clear-filters,html[data-theme=light] .filter-label,html[data-theme=light] .filter-label span{color:var(--muted)}
html[data-theme=light] footer::before{background:rgba(247,245,240,.94);border-top-color:var(--line)}
html[data-theme=light] .collection-status,html[data-theme=light] #status-caption,html[data-theme=light] #build-badge,html[data-theme=light] #gesture-hint,html[data-theme=light] #drag-state,html[data-theme=light] #size-control{color:var(--muted)}
html[data-theme=light] .collection-status strong{color:var(--ink)}
html[data-theme=light] #thumbnail-size,html[data-theme=light] input[type=checkbox],html[data-theme=light] #settings-panel input[type=range]{accent-color:#526d43}
html[data-theme=light] :is(#inspector,#settings-panel,#help-panel,#performance-panel,#full-info){background:var(--panel);color:var(--ink);border-color:var(--line);box-shadow:0 10px 30px #32362918}
html[data-theme=light] #inspector .inspector-top,html[data-theme=light] #full-info .inspector-top{background:var(--panel);color:var(--ink)}
html[data-theme=light] #fold-inspector,html[data-theme=light] #full-info #full-info-close{color:var(--accent)}
html[data-theme=light] .detail-field dt,html[data-theme=light] #settings-panel small,html[data-theme=light] .drive-note{color:var(--muted)}
html[data-theme=light] .detail-field dd,html[data-theme=light] .prompt-block #detail-prompt,html[data-theme=light] .prompt-block p,html[data-theme=light] #detail-dimensions,html[data-theme=light] #full-info-dimensions{color:var(--ink)}
html[data-theme=light] .prompt-block h3,html[data-theme=light] #selection-note,html[data-theme=light] #settings-panel summary{color:#3a5740}
html[data-theme=light] :is(#original-link,.midjourney-link,.full-toolbar a){color:#086b7c}
html[data-theme=light] #original-link,html[data-theme=light] #inspector #open-full{background:#e5f0ec;color:#175a5b;border-color:#a8c7bd}
html[data-theme=light] #settings-panel select{background:var(--paper);color:var(--ink);border-color:var(--line)}
html[data-theme=light] #settings-panel details,html[data-theme=light] #date-markers,html[data-theme=light] #full-related{border-color:var(--line)}
html[data-theme=light] #binding-message,html[data-theme=light] #media-error{color:#80512f}
html[data-theme=light] #date-navigation{background:var(--panel);border-color:var(--line);box-shadow:0 4px 14px #30372d12;color:var(--ink)}
html[data-theme=light] #date-navigation #back-years{background:#e1e9d8;color:#2b4324;border-color:#a8b99b}
html[data-theme=light] #date-level,html[data-theme=light] #date-caption,html[data-theme=light] #date-markers .date-count{color:var(--muted)}
html[data-theme=light] #date-markers button{border-top-color:#8da47c}
html[data-theme=light] #date-markers button:before{border-left-color:#8da47c}
html[data-theme=light] #date-markers button[aria-pressed=true] .date-count{color:#e1e9d8}
html[data-theme=light] .timeline,html[data-theme=light] .timeline .year,html[data-theme=light] .timeline.pinned-date-axis .year{color:#414d3e!important;border-color:#c7cdbf}
html[data-theme=light] .timeline .year:hover{background:#dfe7d7}
html[data-theme=light] :is(#loading-status,#empty-state){background:#fffdf8ee;color:var(--ink);border:1px solid var(--line)}
html[data-theme=light] #full-view{background:var(--paper);color:var(--ink)}
html[data-theme=light] #full-view::backdrop{background:var(--paper)}
html[data-theme=light] :is(#full-content,#preview-open,#detail-preview,#full-info-preview){background:#eceae3}
html[data-theme=light] #full-status,html[data-theme=light] .related-heading{color:var(--muted)}
html[data-theme=light] .related-thumb[aria-pressed=true]{border-color:var(--accent)}
html[data-theme=light] #full-prompt-overlay{background:#fffdf8eb;color:var(--ink);border-color:#c5c9bfb0;text-shadow:none}
html[data-theme=light] #full-prompt-overlay strong{color:#42613a}
html[data-theme=light] :is(#cluster-scroll,#filter-strips,#date-markers,#settings-panel,#inspector,#full-related){scrollbar-color:#a0ad93 #efeee7}
html[data-theme=light] .info-heading strong,html[data-theme=light] .full-info-heading,html[data-theme=light] #full-info-prompt{color:var(--ink)}
html[data-theme=light] .random-pool label,html[data-theme=light] .full-random-pool label,html[data-theme=light] .full-description #full-title{color:var(--muted)}
html[data-theme=light] .timeline.pinned-date-axis{background:var(--paper);border-color:var(--line)}
html[data-theme=light] .timeline.pinned-date-axis .container{border-color:var(--line)}
html[data-theme=light] ::-webkit-scrollbar,html[data-theme=light] ::-webkit-scrollbar-track{background:#efeee7}
html[data-theme=light] ::-webkit-scrollbar-thumb{background:#a0ad93;border-color:#efeee7}