:root[data-view="spectrum"]{--bg:#10111e;--panel:#191b2b;--panel-2:#24263b;--text:#f3f3fa;--muted:#b3b5cd;--line:#41445f;--accent:#77c9ff;--accent-2:#ffdd72;--heading-red:#ff7985;--heading-blue:#7cc7ff;--heading-green:#72e3b0;--heading-yellow:#ffe277;--heading-violet:#c9a1ff;--bold-color:#ffadd8;--shadow:0 18px 50px rgba(4,5,16,.36)}
:root[data-view="electric"]{--bg:#080b17;--panel:#10182a;--panel-2:#17233b;--text:#edf6ff;--muted:#a9b8d3;--line:#334969;--accent:#50dfff;--accent-2:#ffe062;--heading-red:#ff667e;--heading-blue:#64b8ff;--heading-green:#4be7b1;--heading-yellow:#ffe36d;--heading-violet:#b68dff;--bold-color:#ffb467;--shadow:0 16px 45px rgba(0,8,32,.42)}
:root[data-view="confetti"]{--bg:#181220;--panel:#241b30;--panel-2:#30243e;--text:#fff5f7;--muted:#c9b8d0;--line:#604468;--accent:#ff9fca;--accent-2:#ffe080;--heading-red:#ff8f91;--heading-blue:#91c8ff;--heading-green:#8ee6a4;--heading-yellow:#ffe38b;--heading-violet:#d5a6ff;--bold-color:#8fe4c2;--shadow:7px 7px 0 rgba(255,160,202,.12)}
:root[data-view="spectrum"] .gh-content h2{border-bottom:1px solid var(--line);padding-bottom:.45rem}
:root[data-view="electric"] .article-header{border-bottom:2px solid var(--heading-blue)}
:root[data-view="electric"] .gh-content h2{padding-left:.75rem;border-left:3px solid currentColor}
:root[data-view="electric"] .post-card{border-bottom-style:dashed}
:root[data-view="confetti"] .article-header{background:var(--panel);padding:1.5rem;border:1px solid var(--line);border-radius:10px}
:root[data-view="confetti"] .gh-content h2{background:var(--panel);padding:.55rem .8rem;border-radius:7px}
:root[data-view="confetti"] .post-card{margin:.6rem 0;padding:1.25rem;border:1px solid var(--line);border-radius:8px;background:var(--panel)}

/* Reader-selected color studies. Body copy stays neutral for long-form reading. */
:root:is([data-view="spectrum"],[data-view="electric"],[data-view="confetti"]) .article-header h1,
:root:is([data-view="spectrum"],[data-view="electric"],[data-view="confetti"]) .gh-content h1,
:root:is([data-view="spectrum"],[data-view="electric"],[data-view="confetti"]) .index-intro h1{color:var(--heading-red)}
:root:is([data-view="spectrum"],[data-view="electric"],[data-view="confetti"]) .gh-content h2{color:var(--heading-blue)}
:root:is([data-view="spectrum"],[data-view="electric"],[data-view="confetti"]) .gh-content h2:nth-of-type(5n+2){color:var(--heading-green)}
:root:is([data-view="spectrum"],[data-view="electric"],[data-view="confetti"]) .gh-content h2:nth-of-type(5n+3){color:var(--heading-yellow)}
:root:is([data-view="spectrum"],[data-view="electric"],[data-view="confetti"]) .gh-content h2:nth-of-type(5n+4){color:var(--heading-violet)}
:root:is([data-view="spectrum"],[data-view="electric"],[data-view="confetti"]) .gh-content h2:nth-of-type(5n+5){color:var(--heading-red)}
:root:is([data-view="spectrum"],[data-view="electric"],[data-view="confetti"]) .gh-content h3{color:var(--heading-green)}
:root:is([data-view="spectrum"],[data-view="electric"],[data-view="confetti"]) .gh-content h4{color:var(--heading-yellow)}
:root:is([data-view="spectrum"],[data-view="electric"],[data-view="confetti"]) .gh-content h5{color:var(--heading-violet)}
:root:is([data-view="spectrum"],[data-view="electric"],[data-view="confetti"]) .gh-content h6{color:var(--heading-red)}
:root:is([data-view="spectrum"],[data-view="electric"],[data-view="confetti"]) .gh-content :is(strong,b){color:var(--bold-color);font-weight:700}
:root:is([data-view="spectrum"],[data-view="electric"],[data-view="confetti"]) .post-card:nth-child(5n+1) h2{color:var(--heading-red)}
:root:is([data-view="spectrum"],[data-view="electric"],[data-view="confetti"]) .post-card:nth-child(5n+2) h2{color:var(--heading-blue)}
:root:is([data-view="spectrum"],[data-view="electric"],[data-view="confetti"]) .post-card:nth-child(5n+3) h2{color:var(--heading-green)}
:root:is([data-view="spectrum"],[data-view="electric"],[data-view="confetti"]) .post-card:nth-child(5n+4) h2{color:var(--heading-yellow)}
:root:is([data-view="spectrum"],[data-view="electric"],[data-view="confetti"]) .post-card:nth-child(5n+5) h2{color:var(--heading-violet)}
:root[data-view="spectrum"] .gh-content h2{border-bottom:1px solid var(--line);padding-bottom:.45rem}
:root[data-view="electric"] .article-header{border-bottom:2px solid var(--heading-blue)}
:root[data-view="electric"] .gh-content h2{padding-left:.75rem;border-left:3px solid currentColor}
:root[data-view="electric"] .post-card{border-bottom-style:dashed}
:root[data-view="confetti"] .article-header{background:var(--panel);padding:1.5rem;border:1px solid var(--line);border-radius:10px}
:root[data-view="confetti"] .gh-content h2{background:var(--panel);padding:.55rem .8rem;border-radius:7px}
:root[data-view="confetti"] .post-card{margin:.6rem 0;padding:1.25rem;border:1px solid var(--line);border-radius:8px;background:var(--panel)}