/* Shared appearance for the portfolio and the standalone About page. */
:root[data-theme=dark],html[data-theme=dark] body{--bg:#181918;--ink:#eeede8;--muted:#aaa9a2;--line:#444641;color-scheme:dark}
.theme-controls{display:flex;align-items:center;gap:8px;margin-left:14px;pointer-events:auto;white-space:nowrap}
.theme-controls button{display:grid;place-items:center;width:44px;height:44px;padding:0;color:var(--muted);background:none;border:0;cursor:pointer}
.theme-toggle svg{display:block}
.theme-toggle .theme-sun{display:none}
html[data-theme=dark] .theme-toggle .theme-moon{display:none}
html[data-theme=dark] .theme-toggle .theme-sun{display:block}
.theme-controls button:hover{color:var(--ink)}
.theme-controls button:focus-visible{outline:1px solid currentColor;outline-offset:3px}
html.theme-changing body,html.theme-changing .site-header,html.theme-changing .site-header nav,html.theme-changing .theme-controls button{transition:background-color .28s ease,color .28s ease,border-color .28s ease}
html[data-theme=dark] ::selection{background:#53584e;color:#fff}
html[data-theme=dark] .menu-dialog::backdrop{background:rgba(24,25,24,.96)}
html[data-theme=dark] .placeholder{background:#30312e;color:#bdbcb3}
html[data-theme=dark] .placeholder.sage{background:#2a342e;color:#bbc8bc}
html[data-theme=dark] .placeholder.clay{background:#39302c;color:#d0bfb3}
html[data-theme=dark] .collection-image{background:#252623}
/* Concept diagrams stay readable without filtering photographs or artwork. */
html[data-theme=dark] .lab-schematic{background:#292f29;color:#d2d9cd}
html[data-theme=dark] .schematic-head,html[data-theme=dark] .schematic-body{background:#202520;border-color:#4c584b}
html[data-theme=dark] .schematic-side{border-color:#4c584b}
html[data-theme=dark] .schematic-stats i,html[data-theme=dark] .schematic-lines i{background:#45503f}
html[data-theme=dark] .schematic-note,html[data-theme=dark] .study-note{color:#b7c0b3}
html[data-theme=dark] .study-label{color:#c6d1d6}
html[data-theme=dark] .market-study{background:#253139;color:#c6d1d6}
html[data-theme=dark] .market-tabs{border-color:#566973}
html[data-theme=dark] .study-lines i{background:#526772}
html[data-theme=dark] .intake-study{background:#302b3d;color:#d0c8df}
html[data-theme=dark] .intake-form>i{background:#25212f;border-color:#625872}
html[data-theme=dark] .intake-flow>span{border-color:#625872}
.menu-dialog nav .theme-controls{margin:18px 0 0;justify-content:center}
@media(max-width:759px){.site-header nav .theme-controls{margin:10px 0 0}}
@media(prefers-reduced-motion:reduce){html.theme-changing body,html.theme-changing .site-header,html.theme-changing .site-header nav,html.theme-changing .theme-controls button{transition:none}}