:root{--accent:#c52c36;--accent-bright:#ed4350;--accent-dark:#9f202c;--soft:#fff0f1;--tint:#fff9f9;--theme-ink:#44272b;--green:var(--accent);--ink:var(--theme-ink);--paper:var(--tint)}
:root[data-theme="green"]{--accent:#007a47;--accent-bright:#00ad63;--accent-dark:#005d36;--soft:#e8faef;--tint:#f5faf6;--theme-ink:#153c35}
:root[data-theme="blue"]{--accent:#255ac4;--accent-bright:#3c7af3;--accent-dark:#194398;--soft:#edf3ff;--tint:#f6f9ff;--theme-ink:#243652}
:root[data-theme="orange"]{--accent:#b4450b;--accent-bright:#f07526;--accent-dark:#873306;--soft:#fff0e3;--tint:#fffaf5;--theme-ink:#493322}
header{border-top-color:var(--accent-bright);box-shadow:0 2px 12px #25120c08}
.brand b{background:var(--accent-bright)}
.primary,.mobilebar .pub{background:var(--accent);box-shadow:0 3px 0 var(--accent-dark)}
.primary:hover{background:var(--accent-dark)}
.hero{background:linear-gradient(110deg,var(--accent-dark),var(--accent) 48%,var(--accent-bright));border-color:var(--accent);box-shadow:0 9px 25px #42121c12}
nav button.active,.tabs .tab.active,.more,.mobilebar button,.eyebrow{color:var(--accent)}
.tabs .tab.active,.mobilebar{border-color:var(--accent-bright)}
.panel-head h2:before{background:var(--accent-bright)}
.post:hover,.more:hover,.saved,.avatar,.label{background:var(--soft)}
.saved,.avatar,.label{color:var(--accent-dark)}
.theme-bar{display:flex;align-items:center;justify-content:flex-end;gap:14px;padding-top:17px;flex-wrap:wrap;font-size:12px;color:#666}
.theme-options{display:flex;gap:8px;border:0;margin:0;padding:0}.theme-options legend{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden}
.theme-choice{border:1px solid #d8dbdd;background:white;border-radius:20px;padding:6px 12px;color:#555;display:flex;align-items:center;gap:6px;font-size:12px;min-height:34px}
.theme-choice span{width:12px;height:12px;border-radius:50%;background:var(--swatch)}
.theme-choice[aria-pressed="true"]{border-color:var(--accent);color:var(--accent-dark);background:var(--soft);box-shadow:0 0 0 1px var(--accent);font-weight:700}
.theme-choice[aria-pressed="true"]:after{content:'✓';margin-left:2px}.theme-bar+.hero{margin-top:15px}
@media(max-width:760px){.theme-bar{justify-content:space-between;gap:8px;padding-top:13px}.theme-options{gap:6px}.theme-choice{padding:6px 9px}.theme-bar>span{font-size:11px}.theme-bar+.hero{margin-top:13px}}
