/* A dark cover holds the reading pages. Modern deliberately keeps the existing UI. */
:root{--j-page:#f0e7d5;--j-ink:#332d24;--j-muted:#6e614c;--j-line:#c9bc9d;--j-accent:#006c61;--j-fold:#d6c9ab;--j-tint:#e4dac4}
html[data-journal-theme=night]{--j-page:#1b2120;--j-ink:#eae5d9;--j-muted:#abb9b0;--j-line:#52615b;--j-accent:#71d3c0;--j-fold:#111715;--j-tint:#27312c}
html:not([data-journal-theme=modern]) :is(.panel,.story-stage,.article-body){--bg:var(--j-page);--panel:var(--j-page);--fg:var(--j-ink);--text:var(--j-ink);--muted:var(--j-muted);--accent:var(--j-accent);--line:var(--j-line)}
html:not([data-journal-theme=modern]) :is(.panel,.story-stage,.article-body){background:var(--j-page);color:var(--j-ink);border-color:var(--j-line);box-shadow:inset 6px 0 var(--j-fold)}
html:not([data-journal-theme=modern]) :is(.panel,.story-stage,.article-body) :is(h1,h2,h3,h4){font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.015em;color:var(--j-ink)}
html:not([data-journal-theme=modern]) :is(.panel,.story-stage,.article-body) :is(.muted,.small.muted,small,time,.story-context,.stream-note,.chapter){color:var(--j-muted)}
html:not([data-journal-theme=modern]) :is(.panel,.story-stage,.article-body) a:not(.button):not(.provider-login){color:var(--j-accent)}
html:not([data-journal-theme=modern]) :is(.panel,.article-body) :is(button.secondary,button.quiet,.button.secondary){background:transparent;color:var(--j-ink);border-color:var(--j-line)}
html:not([data-journal-theme=modern]) .panel :is(input:not([type=checkbox]):not([type=radio]),textarea,select){background:var(--j-page);color:var(--j-ink);border-color:var(--j-line)}
html:not([data-journal-theme=modern]) .panel :is(input,textarea,select)::placeholder{color:var(--j-muted);opacity:1}
html:not([data-journal-theme=modern]) .panel :is(th,td,.member-row,.step,.personal-entry,.login-methods li){border-color:var(--j-line)}
html:not([data-journal-theme=modern]) .panel :is(.badge,.review-note,.notice){background:var(--j-tint);color:var(--j-ink);border-color:var(--j-line)}
html:not([data-journal-theme=modern]) .panel .notice.error{border-left:3px solid #a04738}
html:not([data-journal-theme=modern]) .panel .notice.success{border-left:3px solid var(--j-accent)}
html:not([data-journal-theme=modern]) .panel .step-mark{background:var(--j-page);color:var(--j-accent);border-color:var(--j-accent)}
html:not([data-journal-theme=modern]) :is(.page-heading h1,.hero h1){font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.03em}
html:not([data-journal-theme=modern]) .hero h1{font-size:clamp(42px,5vw,72px);line-height:1.05}
html:not([data-journal-theme=modern]) .story-stage :is(.public-story,.stream-controls){border-color:var(--j-line)}
html:not([data-journal-theme=modern]) .story-stage .stream-controls{color:var(--j-muted)}
html:not([data-journal-theme=modern]) .story-stage :is(.public-story p,.story-empty p,.story-empty h3){color:var(--j-ink)}
html:not([data-journal-theme=modern]) .story-stage :is(button,.story-icon){background:var(--j-tint);color:var(--j-ink);border-color:var(--j-line)}
html:not([data-journal-theme=modern]) .article-body{padding:34px 40px}
html:not([data-journal-theme=modern]) .article-body :is(p,li){font-size:17px;line-height:1.8}
html:not([data-journal-theme=modern]) .personal-entry{padding:24px 0}
html:not([data-journal-theme=modern]) .personal-entry ul{line-height:1.8}
time[data-local-time]{font-variant-numeric:tabular-nums}
html:not([data-journal-theme=modern]) .panel :is(label,.section-heading){color:var(--j-ink)}
html:not([data-journal-theme=modern]) .panel th{background:var(--j-tint);color:var(--j-muted)}
html:not([data-journal-theme=modern]) .panel details:not(.journal-item)>summary{color:var(--j-accent)}
html[data-journal-theme=paper] .panel button.danger{color:#913c35;border-color:#913c35}
html:not([data-journal-theme=modern]) .panel .game-tooltip{background:var(--j-page);color:var(--j-ink);border-color:var(--j-line)}
html[data-journal-theme=paper] .panel .quality-2{color:#25632a}
html[data-journal-theme=paper] .panel .quality-3{color:#225d99}
html[data-journal-theme=paper] .panel .quality-4{color:#7340a0}
html[data-journal-theme=paper] .panel .quality-5{color:#895000}
html:not([data-journal-theme=modern]) .article-body :is(figcaption,.article-end,.editorial-note){color:var(--j-muted)}
@media(max-width:650px){html:not([data-journal-theme=modern]) .article-body{padding:25px 20px}}

html[data-journal-theme=paper] :is(.panel,.story-stage,.article-body){color-scheme:light}
html[data-journal-theme=night] :is(.panel,.story-stage,.article-body){color-scheme:dark}
html:not([data-journal-theme=modern]) .panel .reading-choice[aria-pressed=true]{outline-color:var(--j-accent)}
html:not([data-journal-theme=modern]) :is(.panel,.story-stage,.article-body) :focus-visible{outline:2px solid var(--j-accent);outline-offset:3px}
