/* Reader palettes only: this stylesheet is not loaded by the editorial desk.
   Paper inherits the original colors and metrics unchanged. */
html[data-theme] { color-scheme: light; }
[data-theme="white"] {
    --paper: #ffffff; --paper-sunk: #f4f3f0; --ink: #191816;
    --ink-soft: #605b55; --rubric: #923b23; --rule: #d4d0ca;
}
[data-theme="mist"] {
    --paper: #eef1f3; --paper-sunk: #e1e6ea; --ink: #202b33;
    --ink-soft: #4d606d; --rubric: #315b78; --rule: #bcc8d0;
}
[data-theme="night"] {
    --paper: #202326; --paper-sunk: #2d3236; --ink: #ece8df;
    --ink-soft: #b8b6af; --rubric: #eba887; --rule: #555b60;
}
html[data-theme="night"] { color-scheme: dark; }
html[data-theme]:not([data-theme="paper"]) .reader-card-page {
    --reader-paper-sunk: var(--paper-sunk); --reader-ink-faint: var(--ink-soft);
}
html[data-theme]:not([data-theme="paper"]) .reader-card:before { border-color: var(--rule); }
html[data-theme]:not([data-theme="paper"]) :is(.letter-hint,.letter-privacy,.letter-field .helptext,.menu-instruction,.menu-item__portion,.menu-item__count,.menu-footnote) { color: var(--ink-soft); }
html[data-theme]:not([data-theme="paper"]) :is(.letter-input,.letter-textarea,.chirp-composer textarea)::placeholder { color: var(--ink-soft); }
html[data-theme]:not([data-theme="paper"]) .chirp-button:hover { background: var(--ink); border-color: var(--ink); }
html[data-theme]:not([data-theme="paper"]) .letter-submit:hover { background: var(--ink-soft); }
/* Game result colors carry meaning: keep their light lettering in every palette. */
html[data-theme="night"] :is(.wordly-cell--correct,.wordly-cell--present,.wordly-cell--absent,.wordly-key--correct,.wordly-key--present,.wordly-legend,.connections-group,.connections-group__note) { color: #f3f0e9; }
html[data-theme="night"] .connections-group__note { border-top-color: #f3f0e94d; }
html[data-theme]:not([data-theme="paper"]) .connections-tile:not(.is-selected) { background: var(--paper-sunk); }
html[data-theme]:not([data-theme="paper"]) .connections-tile:not(.is-selected):hover { background: var(--rule); }
html[data-theme]:not([data-theme="paper"]) .connections-tile:has(input:disabled:not(:checked)):hover { background: var(--paper-sunk); }
html[data-theme]:not([data-theme="paper"]) .wordly-key--absent { background: var(--paper-sunk); color: var(--ink-soft); }
html[data-theme="night"] [data-chirp-counter].is-over { color: #ffaaa1; }
html[data-theme]:not([data-theme="paper"]) .menu-item--has-result,
html[data-theme]:not([data-theme="paper"]) .menu-item--has-result:hover { background: linear-gradient(to right, var(--paper-sunk) var(--share), transparent var(--share)); }
html[data-theme="night"] .menu-item--selected:not(.menu-item--has-result) { background: var(--paper-sunk); }

.reader-appearance { margin-top: 1.5rem; border-bottom: 1px solid var(--rule); }
.reader-appearance>summary { display: flex; justify-content: space-between; align-items: center; gap: 1rem; min-height: 48px; cursor: pointer; font-size: .9rem; list-style: none; }
.reader-appearance>summary::-webkit-details-marker { display: none; }
.reader-appearance>summary::after { content: "+"; color: var(--ink-soft); }
.reader-appearance[open]>summary::after { content: "−"; }
.reader-appearance>summary>span { margin-left: auto; font-size: .8rem; color: var(--ink-soft); }
.reader-appearance:not([open])>form { display: none; }
.reader-appearance form { padding: .6rem 0 1rem; }
.reader-appearance fieldset { border: 0; padding: 0; margin: 0; }
.reader-appearance legend { margin-bottom: .75rem; color: var(--ink-soft); font-size: .85rem; }
.reader-appearance__choices { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: .65rem; }
.reader-theme-choice { color-scheme: light; display: flex; align-items: center; gap: .7rem; padding: .75rem; border: 1px solid var(--rule); background: var(--paper); color: var(--ink); cursor: pointer; }
.reader-theme-choice:has(input:checked) { outline: 2px solid var(--rubric); outline-offset: -2px; }
.reader-theme-choice input { flex-shrink: 0; width: 16px; height: 16px; margin: 0; accent-color: var(--rubric); }
.reader-theme-choice strong { display: block; font-size: .9rem; }
.reader-theme-choice small { display: block; margin-top: .2rem; font-size: .75rem; line-height: 1.4; color: var(--ink-soft); }
.reader-theme-choice__sample { font: 700 1.5rem/1 var(--font-display); }
.reader-theme-choice__sample>span { color: var(--rubric); }
/* The default swatch must stay paper when the surrounding page is dark. */
.reader-theme-choice[data-theme="paper"] { --paper:#f3f0e9; --ink:#14110e; --ink-soft:#575049; --rubric:#8e3517; --rule:#c9c2b4; color-scheme:light; }
.reader-theme-choice[data-theme="night"] { color-scheme: dark; }
.reader-appearance__note,.reader-appearance__status { font-size: .82rem; color: var(--ink-soft); }
.reader-appearance__status { margin: .6rem 0 0; min-height: 1.5em; }
@media (max-width: 38rem) { .reader-appearance__choices { grid-template-columns: 1fr; } }