/* Pearl & Teal light mode; Midnight & Brass dark mode. Porcelain & Indigo is the Modern option. */
:root[data-theme=pearl]{--paper:#f4f8f8;--white:#ffffff;--ink:#142f35;--muted:#506970;--line:#cbdcde;--accent:#00665e;--green:#00665e;--lime:#00665e;--soft:#e3f1ef;--action:#00665e;--on-action:#ffffff;--scene:#e6f3f0;--scene-edge:#bddcd6;--scene-ink:#16453f;--warning:#fff4d8;--warning-ink:#695119;--success:#22653d;--error:#a42727;color-scheme:light}
:root[data-theme=midnight]{--paper:#0c1424;--white:#142138;--ink:#f3f1eb;--muted:#b1bdce;--line:#354760;--accent:#ebc77f;--green:#ebc77f;--lime:#ebc77f;--soft:#20314c;--action:#ebc77f;--on-action:#211b10;--scene:#e6e5e2;--scene-edge:#b4bfd0;--scene-ink:#23334d;--warning:#3c3320;--warning-ink:#f3d8a1;--success:#b5ddbf;--error:#ffb7ac;color-scheme:dark}
:root[data-theme=indigo]{--paper:#f5f6fc;--white:#ffffff;--ink:#222440;--muted:#5f627a;--line:#d3d7e9;--accent:#4943b8;--green:#4943b8;--lime:#4943b8;--soft:#ebedfb;--action:#4943b8;--on-action:#ffffff;--scene:#eeeff9;--scene-edge:#cbd1ee;--scene-ink:#303d74;--warning:#fff4d8;--warning-ink:#695119;--success:#22653d;--error:#a42727;color-scheme:light}
[data-theme] body{background:var(--paper);color:var(--ink)}
[data-theme] header,[data-theme] footer{background:var(--paper);border-color:var(--line);color:var(--muted)}
[data-theme] .brand,[data-theme] footer .brand,[data-theme] h1,[data-theme] h2,[data-theme] h3,[data-theme] .step-content h2,[data-theme] .article h3{color:var(--ink)}
[data-theme] .brandmark{background:var(--action);color:var(--on-action)}
[data-theme] .brand small,[data-theme] .header-link,[data-theme] .caption,[data-theme] .path-label,[data-theme] .path-note,[data-theme] .path-note p,[data-theme] .studio-intro .eyebrow span,[data-theme] .select-label,[data-theme] .step-content>p,[data-theme] .step-meta,[data-theme] .words-label,[data-theme] .translation,[data-theme] .article p,[data-theme] .article li,[data-theme] .practice-footnote,[data-theme] .time-heading p,[data-theme] .mini-card p,[data-theme] .mini-card.dark p{color:var(--muted)}
[data-theme] .eyebrow,[data-theme] .source-list a,[data-theme] .text-button,[data-theme] .mini-icon,[data-theme] .path-symbol,[data-theme] nav a.active,[data-theme] .path-note a{color:var(--accent)}
[data-theme] .track,[data-theme] input,[data-theme] select,[data-theme] .btn,[data-theme] .panel,[data-theme] .school-card,[data-theme] .library-card,[data-theme] .prayer-stage,[data-theme] .context-note,[data-theme] .mini-card,[data-theme] .mini-card.dark,[data-theme] .checklist label,[data-theme] .prayer-list,[data-theme] .step-controls,[data-theme] dialog{background:var(--white);border-color:var(--line);color:var(--ink)}
[data-theme] .track button,[data-theme] .path button,[data-theme] .language-controls button,[data-theme] .unit-tabs button,[data-theme] .jump-label select,[data-theme] .context-note summary span:last-child{color:var(--muted)}
[data-theme] .track button.selected,[data-theme] .btn.primary,[data-theme] .btn.light,[data-theme] .comparison-selector button.selected,[data-theme] .path button.selected b,[data-theme] .unit-tabs button.selected span{background:var(--action);border-color:var(--action);color:var(--on-action)}
[data-theme] .path button b,[data-theme] .unit-tabs button span{border-color:var(--muted);color:var(--muted)}
[data-theme] .path button.selected,[data-theme] .unit-tabs button.selected,[data-theme] .school-card.highlight,[data-theme] .pill,[data-theme] .recitation-full,[data-theme] .close{background:var(--soft);color:var(--accent);border-color:var(--line)}
[data-theme] .school-card.highlight{border-color:var(--accent)}
[data-theme] .comparison-selector button{background:var(--white);border-color:var(--line);color:var(--ink)}
[data-theme] .school-card .value,[data-theme] .arabic,[data-theme] .time-row strong,[data-theme] .context-note summary{color:var(--ink)}
[data-theme] .school-card .arabic,[data-theme] .translit,[data-theme] .language-controls button[aria-pressed=true]{color:var(--accent)}
[data-theme] .language-controls button[aria-pressed=true]{border-color:var(--accent)}
[data-theme] .school-note,[data-theme] .intention-note,[data-theme] .time-heading,[data-theme] .completion{background:var(--soft);color:var(--ink);border-color:var(--line)}
[data-theme] .intention-note p,[data-theme] .intention-note span,[data-theme] .context-note p,[data-theme] .context-note>a{color:var(--ink)}
[data-theme] .notice{background:var(--warning);color:var(--warning-ink);border-color:var(--warning-ink)}
[data-theme] .words-panel,[data-theme] .language-controls,[data-theme] .time-row,[data-theme] .studio-intro{border-color:var(--line)}
[data-theme] .words-scroll{scrollbar-color:var(--muted) var(--soft)}
[data-theme] .mini-card .eyebrow,[data-theme] .mini-card.dark .eyebrow,[data-theme] .library-card .eyebrow{color:var(--accent)}
[data-theme] .library-card:hover{background:var(--soft);border-color:var(--accent)}
[data-theme] .progress-ring{background:conic-gradient(var(--accent) var(--progress),var(--line) 0);color:var(--ink)}
[data-theme] .progress-ring:before{background:var(--paper)}
[data-theme] .figure-pane{background:radial-gradient(ellipse at 40% 27%,var(--scene),var(--scene-edge));color:var(--scene-ink)}
[data-theme] .scene-kicker,[data-theme] .scene-hint,[data-theme] .scene-position{color:var(--scene-ink)}
[data-theme] .scene-grid{opacity:.35}[data-theme] .scene-orbit{opacity:.4}
[data-theme] .error{color:var(--error)}[data-theme] .success{color:var(--success)}
[data-theme] .skip{background:var(--action);color:var(--on-action)}
[data-theme] :is(button,a,input,select,summary):focus-visible{outline:3px solid var(--accent);outline-offset:4px}
[data-theme] .figure-pane button:focus-visible{outline-color:var(--scene-ink)}
[data-theme] .checklist input{accent-color:var(--accent)}

.header-actions{display:flex;align-items:center;gap:18px;flex-shrink:0}
.theme-picker{display:flex;align-items:center;gap:10px;margin:0;padding:0;border:0;min-width:0}
.theme-label{font-size:13px;font-weight:600;color:var(--muted)}
.theme-options{display:flex;gap:3px;padding:3px;border:1px solid var(--line);border-radius:28px;background:var(--white)}
.theme-options label{display:flex;align-items:center;justify-content:center;gap:7px;position:relative;min-height:44px;padding:8px 11px;border:1px solid transparent;border-radius:24px;cursor:pointer;font-size:13px;color:var(--muted);white-space:nowrap}
.theme-options input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.theme-options label:has(input:checked){background:var(--soft);border-color:var(--accent);color:var(--ink);font-weight:700}
.theme-options label:has(input:focus-visible){outline:3px solid var(--accent);outline-offset:3px}
.theme-options label:hover{background:var(--soft)}
.swatch{width:14px;height:14px;border-radius:50%;flex-shrink:0;border:1px solid #ffffff90}
.swatch.pearl{background:#00665e}.swatch.midnight{background:#ebc77f}.swatch.indigo{background:#4943b8}
.keyboard-hint{margin:10px 0 0;color:var(--muted);font-size:12px}.keyboard-hint kbd{font:inherit;border:1px solid var(--line);border-radius:4px;padding:1px 5px;background:var(--white);color:var(--ink)}
@media(max-width:1280px){.header-actions .header-link{display:none}header{gap:16px}nav{gap:16px}}
@media(min-width:761px) and (max-width:1000px){header{height:auto;min-height:86px;flex-wrap:wrap;padding-top:14px}header>.brand{order:0}header>.header-actions{order:1;margin-left:auto}header>nav{order:2;width:100%;justify-content:center}}
@media(max-width:760px){header>.brand{order:0}header>.header-actions{order:1;width:100%}header>nav{order:2}.header-actions{gap:0}.theme-picker{width:100%;justify-content:space-between;gap:6px}.theme-options{gap:1px}.theme-options label{font-size:12px;padding:8px 10px;gap:5px}.theme-label{font-size:12px}}
@media(max-width:360px){.theme-options label{padding:8px}.theme-picker{gap:4px}}