/* Moonlit woodland: preserve the field-guide character with gentler night luminance. */
:root { color-scheme: light; }
:root[data-theme="night"] {
  color-scheme: dark;
  --paper: #111c18;
  --surface: #19261f;
  --ink: #e4e9dd;
  --muted: #a5b3a4;
  --sage: #26392c;
  --clay: #e2a582;
  --line: #3c5144;
  --gold: #e0c891;
  --grid: #5d7b67;
  --night-fill: #afc7a6;
  --night-on-fill: #142219;
}

.appearance-fieldset { border: 0; padding: 0; margin: 0 0 10px; min-width: 0; }
.appearance-fieldset legend { font-size: 13px; margin-bottom: 12px; }
.appearance-choices { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; }
.appearance-option { position: relative; cursor: pointer; }
.appearance-option input { position: absolute; width: 1px; height: 1px; opacity: 0; }
.appearance-option span {
  display: flex; align-items: center; justify-content: center; gap: 7px;
  min-height: 46px; border: 1px solid var(--line); border-radius: 6px;
  padding: 8px 10px; font-size: 12px; color: var(--muted); background: var(--surface);
}
.appearance-option input:checked + span { background: var(--sage); color: var(--ink); border-color: var(--ink); }
.appearance-option input:focus-visible + span { outline: 3px solid var(--clay); outline-offset: 3px; }
.appearance-option input:checked + span::before { content: ''; width: 5px; height: 5px; border-radius: 50%; background: currentColor; }

[data-theme="night"] .cell { background: #1c2b22; }
[data-theme="night"] .cell:hover { background: #304635; }
[data-theme="night"] .cell.filled { background: var(--night-fill); box-shadow: inset 0 0 0 2px var(--surface); }
[data-theme="night"] .cell.marked::after { color: #bbc9b5; }
[data-theme="night"] .cell.filled.selected::before { border-color: #243d32; }
[data-theme="night"] .cell.filled.hint-cell { outline-color: #53351f !important; }
[data-theme="night"] .board-table th.selected-clue { background: #344d38; }
[data-theme="night"] .board-table td { border-color: var(--grid); }
[data-theme="night"] .board-table tr td:first-of-type,
[data-theme="night"] .board-table tbody tr:first-child td,
[data-theme="night"] .board-table td.major-col,
[data-theme="night"] .board-table tr.major-row td { border-color: #a0b69a; }
[data-theme="night"] .board-viewport { scrollbar-color: #637c66 transparent; }
[data-theme="night"] .mode-group { background: #111d16; }
[data-theme="night"] .tool.active,
[data-theme="night"] .button:not(.secondary):not(.light) { background: var(--night-fill); color: var(--night-on-fill); border-color: var(--night-fill); }
[data-theme="night"] .toolbar .hint-button { background: #3b3022; border-color: #8b704f; color: #efd0a1; }
[data-theme="night"] .button.secondary { border-color: #8ba383; }
[data-theme="night"] .chapter-feature { background: #243429; }
[data-theme="night"] .chapter-feature > .eyebrow,
[data-theme="night"] .chapter-feature p:not(.eyebrow) { color: #b5c0aa; }
[data-theme="night"] .chapter-progress span { background: transparent; border-color: var(--grid); }
[data-theme="night"] .chapter-progress span.done { background: var(--night-fill); border-color: var(--night-fill); }
[data-theme="night"] .daily-strip { border-color: #435a42; }
[data-theme="night"] .daily-stamp { border-color: #819375; }
[data-theme="night"] .daily-strip .eyebrow,
[data-theme="night"] .daily-strip p { color: #b6c5ac; }
[data-theme="night"] .leaf-tasks svg { color: #bdcda9; }
[data-theme="night"] .daily-actions,
[data-theme="night"] .task-row,
[data-theme="night"] .refresh-info { border-color: #4d6449; }
[data-theme="night"] .chapter-link .chapter-image { background: #24392e !important; }
[data-theme="night"] .chapter-index { background: #17271feb; color: #dfe8d3; }
[data-theme="night"] .lesson-note { background: #283b29; border-color: #9db38a; }
[data-theme="night"] .collection-art { background: #283b2c; }
[data-theme="night"] .collection-cover i { background: #2d4030f7; }
[data-theme="night"] .collection-cover i.revealed { background: transparent; }
[data-theme="night"] .collection-art.unearned img { opacity: .16; }
[data-theme="night"] .overview-grid i { background: #1c2b22; }
[data-theme="night"] .overview-grid i.filled { background: var(--night-fill); }
[data-theme="night"] .overview-grid i.marked { background: #4f6551; }
[data-theme="night"] .overview-grid .viewport-indicator { background: #e2a58214; }
[data-theme="night"] .toast { background: #dce5ce; color: #17271d; box-shadow: 0 6px 24px #0005; }
[data-theme="night"] dialog { --surface: #304638; --sage: #3b5240; --muted: #c2ccbc; --line: #657a68; box-shadow: 0 24px 80px #0005; }
[data-theme="night"] dialog::backdrop { background: #101e165c; }
[data-theme="night"] .danger { color: #f2ad96 !important; border-color: #ad7764 !important; }
[data-theme="night"] .button.danger:not(.light) { background: #472b24; }
[data-theme="night"] .status-dot { background: #b0c194; }
[data-theme="night"] .skip-link { background: #dce5ce; color: #17271d; }
[data-theme="night"] .example-squares i { background: var(--night-fill); }
[data-theme="night"] .example-squares i.empty { background: transparent; }