/**
 * dokusho-palette.css — 読書's OWN surfaces on the family palette (2026-11-06).
 *
 * WHY: his order of 2026-11-05 ("adjust the color schema … in the next version to align them to the new
 * scheme"), opened for this app on 2026-11-06 night ("change the color theme of dokusho (same as the other
 * two apps)"). The palette itself is 学び's css/manabi-palette.css, vendored VERBATIM and loaded just before
 * this file — design.css is byte-identical across 学び and 読書, so its overrides fit as they are.
 * This file holds only what is 読書's alone: sheets that painted the old washi (light) palette with literal
 * colours, so the tokens could not reach them. Every value here is a palette token.
 *
 * MEASURED in the render (every visible text run on its composited background, WCAG AA), iPhone width,
 * library · reader · reader + card · reader + Settings · study · about:
 *   day   before 9/18 · 10/199 · 17/53 · 4/13 · 3/10 · 10/21  → palette alone 0 · 1 · 0 · 4 · 1 · 5 → with this file: see the commit
 *   night before 2 · 0 · 3 · 2 · 0 · 0
 * Loaded LAST on every page. Selectors start `:root body` so they outrank the sheets they correct.
 */

/* ── the Settings sheet and the first-run tour card: washi paper and sumi ink by day ── */
:root body[data-theme="light"] .ss-panel,
:root body[data-theme="light"] .tour-card { background: var(--canvas-elev); border-color: var(--card-outline); }
:root body[data-theme="light"] .ss-title,
:root body[data-theme="light"] .tour-jp,
:root body[data-theme="light"] .ss-label { color: var(--text); }
:root body[data-theme="light"] .ss-hint,
:root body[data-theme="light"] .ss-about,
:root body[data-theme="light"] .tour-body { color: var(--text-soft); }
:root body[data-theme="light"] .ss-row,
:root body[data-theme="light"] .ss-about { border-top-color: var(--rule); }
:root body[data-theme="light"] .ss-btn { border-color: var(--brass); color: var(--brass); }
:root body[data-theme="light"] .ss-toggle { background: rgba(24, 36, 56, 0.08); border-color: rgba(24, 36, 56, 0.3); }
:root body[data-theme="light"] .ss-toggle.is-on { background: rgba(119, 88, 24, 0.22); border-color: var(--brass); }
:root body[data-theme="light"] .ss-toggle.is-on .ss-knob { background: var(--brass); }
:root body[data-theme="light"] .ss-about a,
:root body[data-theme="light"] .tour-en,
:root body[data-theme="light"] .tour-next { color: var(--brass); }
:root body[data-theme="light"] .tour-next { border-color: var(--brass); background: rgba(119, 88, 24, 0.1); }
:root body[data-theme="light"] .tour-dot.is-on { background: var(--brass); }
/* both themes: the sheet's fixed grey (#a89f8a, 2.1 by day) and the old red (#d44a3a, 3.4 by night) */
:root body .ss-title-en,
:root body .rl-text { color: var(--text-faint); }
:root body:not([data-theme="light"]) .ss-hint { color: var(--text-faint); }
:root body .ss-btn.is-danger { border-color: var(--vermilion); color: var(--vermilion); }

/* ── the study list's buttons by day (study-list.css is shared with 学び byte-for-byte; corrected here) ── */
:root body[data-theme="light"] .st-trans,
:root body[data-theme="light"] .st-show,
:root body[data-theme="light"] .st-go { color: var(--brass); border-color: var(--brass); }

/* ── small brass text that also lost 15% to opacity: the reader's CHAPTER line (3.9 by day), the About arrows ── */
:root body .reader .page-kicker,
:root body .about-nav-card .nav-arrow { opacity: 1; }

/* ── the library's type badge by NIGHT: the night red and blue are light tones, so white text read 2.4 on
      them — dark ink instead (the same fix as ドミノ's primary buttons by night) ── */
:root body:not([data-theme="light"]) .lib-book-type.is-study,
:root body:not([data-theme="light"]) .lib-book-type.is-original { color: var(--canvas); }

/* ── glass panels that were washi paper by day: the library arrows, the story-art frame, the listening pill ── */
:root[data-theme="light"] body .lib-arrow { background: rgba(233, 238, 246, 0.85); }
:root body[data-theme="light"] .story-art { background: rgba(233, 238, 246, 0.6); border-color: var(--card-outline); }
:root body[data-theme="light"] .story-art figcaption { color: var(--text-soft); }
:root body[data-theme="light"] .story-art .art-zoom { color: var(--brass); }
:root body[data-theme="light"] .lm-pill { background: rgba(233, 238, 246, 0.92); border-color: var(--card-outline); }
:root body[data-theme="light"] .lm-close { color: var(--text-soft); }
:root body[data-theme="light"] .lm-btn { color: var(--text); }
:root body[data-theme="light"] .lm-play { color: var(--brass); border-color: var(--brass); }
:root body[data-theme="light"] .lm-track { background: rgba(24, 36, 56, 0.15); }
:root body[data-theme="light"] .lm-fill { background: var(--brass); }