/* Shared reading palettes. Text stays neutral; color supports actions and status. */
:root{
 color-scheme:light;
 --bg:#f4f3ef;--panel:#ffffff;--panel2:#eef0ed;--line:#bec7c3;
 --text:#202832;--muted:#4b5563;--mint:#176448;--blue:#215f85;--gold:#765719;--red:#a12b32;
 --syntax-keyword:#65458a;--code-bg:#f7f8f5;--code-text:#202832;
 --control-line:#75847c;--on-accent:#ffffff;--selected-bg:#e5eff6;--selected-border:#215f85;
 --success-bg:#eaf3eb;--success-text:#225638;--success-border:#698a70;
 --error-bg:#f9eded;--error-text:#82242c;--error-border:#b77379;
 --info-bg:#eaf0f8;--info-text:#244c73;--info-border:#7192b0;
 --overlay:#16202b9c;--shadow-color:#17252e14;
}
:root[data-reading-theme="dark"]{
 color-scheme:dark;
 --bg:#192029;--panel:#232d38;--panel2:#2c3948;--line:#63768a;
 --text:#e1e7ee;--muted:#c0cad6;--mint:#96d8b5;--blue:#a5cce8;--gold:#eac88d;--red:#ffb4ad;
 --syntax-keyword:#d4bee8;--code-bg:#171d26;--code-text:#dce5ee;
 --control-line:#8293a6;--on-accent:#183226;--selected-bg:#304657;--selected-border:#a5cce8;
 --success-bg:#253f34;--success-text:#c6e9d3;--success-border:#8cba9f;
 --error-bg:#492e35;--error-text:#ffd0ce;--error-border:#cd9198;
 --info-bg:#293f55;--info-text:#d6e7f7;--info-border:#89b0d3;
 --overlay:#080c12b3;--shadow-color:#00000024;
}
body{background:var(--bg);color:var(--text)}
.main,.side,.journey-main,.focus-session,.account-dialog,.entry-curriculum{background:var(--panel)}
.next-quest,.practice-invite,.practice-mode,.practice-style,.practice-progression,.level-card{background:var(--panel2);color:var(--text)}
.journey-main h1,.journey-main h2,.journey-main h3,.focus-heading h1,.lesson-check h2,.task-brief h2,.account-title,.entry-intro h1{color:var(--text)}
.primary,.mark,.auth-submit{background:var(--mint);color:var(--on-accent);box-shadow:none}
.pill,.level-xp,.level-emblem,.results-emblem{color:var(--gold);background:var(--panel2)}
.entry-eyebrow,.journey-eyebrow,.next-quest-label,.mode-label,.chapter-label,.quest-state,.challenge-reward,.code-window-label{color:var(--muted)}
.technology-tab.selected,.preview-tab[aria-pressed="true"],.quest-next,.quest-done,.practice-style.style-recommended,.practice-mode.featured,.milestone.earned{border-color:var(--mint);background:var(--panel2)}
.code-window,.lab-editor,.code,.inline-code{background:var(--code-bg);color:var(--code-text)}
.code-window .code,.focus-session .code-window .code{background:var(--code-bg);color:var(--code-text);font-size:17px;line-height:1.85;letter-spacing:0;font-weight:450}
.code-editor{background:var(--code-bg);color:var(--code-text);font-size:17px;line-height:1.85;letter-spacing:0;caret-color:var(--code-text)}
.code-editor[readonly]{background:var(--code-bg);color:var(--code-text)}
.code-window-label,.editor-footnote{background:var(--panel2);color:var(--muted)}
.code-window-label label{color:var(--text)}
.inline-code{border:1px solid var(--line)}
.journey-main .choice{background:var(--panel);border-color:var(--control-line);color:var(--text);font-size:17px}
.journey-main .choice:hover:not(:disabled){background:var(--panel2);border-color:var(--blue)}
.focus-session .choice.selected:not(.correct):not(.wrong){background:var(--selected-bg);border-color:var(--selected-border);box-shadow:inset 0 0 0 1px var(--selected-border)}
.answer-letter,.choice.selected .answer-letter{background:var(--panel2);color:var(--text);border-color:var(--line)}
.focus-session .choice:disabled:not(.correct):not(.wrong){background:var(--panel2);color:var(--muted);border-color:var(--line)}
.journey-main .choice.correct,.choice.correct,.feedback{background:var(--success-bg);color:var(--success-text);border-color:var(--success-border)}
.journey-main .choice.wrong,.choice.wrong,.feedback.bad{background:var(--error-bg);color:var(--error-text);border-color:var(--error-border)}
.feedback.walkthrough{background:var(--info-bg);color:var(--info-text);border-color:var(--info-border)}
.answer-comparison>div{background:var(--error-bg);border-color:var(--error-border)}
.answer-comparison>div:last-child{background:var(--success-bg);border-color:var(--success-border)}
.answer-comparison dt,.answer-comparison>div:last-child dt,.answer-comparison dd{color:var(--text)}
.expected-result{background:var(--panel2);border-left-color:var(--blue)}
.expected-result pre{color:var(--code-text);font-size:16px}
.stage-current .progression-number,.stage-complete .progression-number,.lab-steps .current,.lab-steps .complete{background:var(--selected-bg);color:var(--text);border-color:var(--blue)}
.auth-link,.entry-create,.lesson-tip a,.coding-hint summary,.lesson-tip summary,.guided-options>summary{color:var(--blue);text-underline-offset:3px}
input,select{background:var(--code-bg);color:var(--text);border-color:var(--control-line)}
.secondary,.focus-edit,.reading-theme-toggle{border-color:var(--control-line)}
input::placeholder{color:var(--muted);opacity:1}
input:-webkit-autofill{-webkit-text-fill-color:var(--text);box-shadow:0 0 0 1000px var(--code-bg) inset}
.account-dialog::backdrop{background:var(--overlay)}
.bar{background:var(--line)}.bar span,.level-card .bar span{background:var(--mint)}
.reading-theme-toggle{min-height:44px;padding:9px 13px;border:1px solid var(--control-line);border-radius:9px;background:var(--panel);color:var(--text);font-size:14px;font-weight:600;white-space:nowrap}
.reading-theme-toggle:hover{background:var(--panel2);border-color:var(--blue)}
button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--blue);outline-offset:3px}
.footer{color:var(--muted)}
@media(max-width:760px){.focus-session .code-window .code,.code-editor{font-size:16px;line-height:1.85}.journey-main .choice{font-size:16px}}
@media(max-width:540px){.top{flex-wrap:wrap;gap:16px}.topright{width:100%;justify-content:flex-end;gap:9px}.topright .reading-theme-toggle{margin-right:auto}.topright .btn{font-size:14px;padding:10px 13px}.reading-theme-toggle{font-size:14px}}

.brand{color:var(--text);text-decoration:none;border-radius:8px}.brand:hover{opacity:.9}