/* One red ink for selection and activity; structure and reading stay neutral. */
:root{--accent:#a52d34;--accent-solid:#a52d34;--accent-soft:#a52d3412;--accent-light:#f39389;--accent-on-selection:#ffaaa0}
:root[data-theme=dark]{--accent:#f39389;--accent-soft:#f3938915;--accent-on-selection:#a52d34}
:root :focus-visible{outline-color:var(--accent)}
:root input[type=range],:root input[type=checkbox]{accent-color:var(--accent)}
:root :is(.tabs button[aria-selected=true],.subnav button[aria-pressed=true],.moments button[aria-pressed=true],.attention-systems button[aria-pressed=true],.level-btn.active,.tokens button[aria-pressed=true],.stepper button[aria-pressed=true],.head-button[aria-pressed=true]){box-shadow:inset 0 -3px 0 var(--accent-on-selection)}
:root button.primary{background:var(--accent-solid);border-color:var(--accent-solid);color:#fff}
:root button.primary:hover{background:#8c242a;border-color:#8c242a;color:#fff}
:root .opening-copy .eyebrow,:root .section-intro>.eyebrow,:root .week-intro .eyebrow{color:var(--accent)!important}
:root .wordmark{border-left:3px solid var(--accent);padding-left:13px}
:root .inquiry-route .route-index,:root .dossier-mark>span,:root .sources a{color:var(--accent)}
:root .week-question,:root .room-invitation,:root .closing-inquiry{border-top-color:var(--accent)}
:root .reading mark{background:var(--accent-solid);border-color:var(--accent-solid);color:#fff}
:root .regions .region-number{color:var(--accent);border-color:var(--accent)}
:root .network-map button[aria-pressed=true]{outline-color:var(--accent)}
/* The dark anatomical instrument uses a lighter red in both page themes. */
#brain,#games-frame,#vectors-frame{filter:none}
.brain-card .system-letter,.comparison-system{color:var(--accent-light)}
.brain-region-label{border-color:var(--accent-light)}
:root .brain-card input[type=range]{accent-color:var(--accent-light)}
:root .brain-card :focus-visible{outline-color:var(--accent-light)}
:root .brain-card .human-playback button{background:var(--accent-solid)!important;border-color:var(--accent-light)!important;color:#fff!important}
.human-timeline>span{background:var(--accent-light)}
.human-playback[data-state=playing] .human-playback-heading>span::before{background:var(--accent-light);box-shadow:0 0 12px #f3938966}
/* The same cue means current selection in both comparison columns. */
:root .reading-player .reading-current,:root .reading-player .reading-current:hover{background:var(--accent-solid);border-color:var(--accent-solid);color:#fff}
:root .reading-player .reading-return{border-bottom-color:var(--accent);outline-color:var(--accent)}
.reading-key .key-current{background:var(--accent-solid);border-color:var(--accent-solid)}
.reading-key .key-return{border-color:var(--accent)}
.reading-key-node.is-current rect{fill:var(--accent-solid);stroke:var(--accent-solid)}
.reading-key-node.is-current text{fill:#fff}
.reading-packet{fill:var(--accent)}
.reading-player[data-phase="1"] .match-edge,.reading-player[data-phase="2"] .value-edge{stroke:var(--accent)}
.reading-player[data-phase="0"] .query-node,.reading-player[data-phase="2"] .mixture-node{stroke:var(--accent)}
.reading-network-levels b{background:var(--accent)}
.reading-calculation-stages>span.current{box-shadow:inset 0 -3px 0 var(--accent-on-selection)}
.reading-transport progress{accent-color:var(--accent)}
.reading-transport progress::-webkit-progress-value{background:var(--accent)}
.reading-transport progress::-moz-progress-bar{background:var(--accent)}
/* The console keeps gray screens, with red reserved for incoming signals. */
.control-room{filter:none}
:root .control-room .room-tag{border-left:3px solid var(--accent-light)}
:root .control-room .room-statusline b{color:var(--accent-light)}
:root .control-room #room-goal{accent-color:var(--accent-light)}
.control-room #room-goal::-webkit-progress-value{background:var(--accent-light)}
.control-room #room-goal::-moz-progress-bar{background:var(--accent-light)}
:root .control-room .room-legend .signal-click{color:var(--accent-solid)}
:root .control-room .room-wall .reader-dot.click{color:var(--accent-light);text-shadow:0 0 8px #f3938944}
:root .control-room .room-wall .reader-dot[aria-pressed=true]{border-color:var(--accent-light)}
/* Retained machine activities share this ink without losing stripes, labels,
   numeric values, or the original controls. */
body.attention-game,body.attention-vectors{filter:none}
:root:has(body.attention-game){--red:var(--accent);--red-dark:var(--accent-solid);--red-light:var(--accent)}
.attention-game header h1,.attention-game .intro h2{color:var(--text)}
:root .attention-game .intro,:root .attention-game .heads .panel.a{border-color:var(--accent)}
:root .attention-game .tok .beam:not(.b),:root .attention-game .pred-row.chosen .pbar i{background:var(--accent);border-color:var(--accent)}
:root .attention-game .tok.cur .word,:root .attention-game .dtok.cur .word{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}
:root .attention-game .demo-stage svg path{stroke:var(--accent)}
:root .attention-game .btn.primary{color:#fff}
.attention-game .blend span.tgt{color:#171717}
.attention-game #fx{filter:grayscale(1)}
:root:has(body.attention-vectors){--teal:var(--accent)}
.attention-vectors .matrix{filter:grayscale(1)}
:root .attention-vectors .tokens button[aria-pressed=true]{background:var(--accent-solid);border-color:var(--accent-solid);color:#fff;box-shadow:none}
:root .attention-vectors .head-button[aria-pressed=true] .spark i{background:var(--accent-on-selection)}