/* Dark preview — restores the graphite palette from the requirements doc. */
:root{--bg:#0E1114;--paper:#F4F2ED;--muted:#7C8794;--line:#1C2229;--signal:#FF5C2B}
body{background:var(--bg);color:var(--paper)}
.hero{border-bottom:1px solid #1C2229}
.hero-position h2{color:var(--paper)}
.hero-micro:before{background:#2b333c}
.section-mark{color:var(--muted)}
#results{border-bottom:1px solid #1C2229}
.stat small,.results-note small{color:var(--muted)}
.results-note{border-left:1px solid #2b333c}
.statement{background:#14181c;color:var(--paper)}
.statement .sub{color:var(--muted)}
.skill p{color:var(--muted)}
.skill{background:rgba(244,242,237,.012)}
.skill:hover{background:rgba(255,92,43,.045)}
.tabs button[aria-selected=true]{color:var(--paper)}
.code-thumb{background:var(--paper)!important;color:#0E1114}
.simple{background:#171b1fe8;border-color:#4b5158;color:var(--paper)}
/* the one still, light surface in the whole site — the accent the doc asks for */
.about{background:#EDE9E0;color:#14171B;border-top:0}
.about .eyebrow{color:#62646a}
.footer{background:transparent;color:var(--paper)}
.footer .eyebrow,.footer-bottom{color:var(--muted)}
.footer .contact-row{border-color:#2b333c}
.detail-intro,.detail-block p,.detail-block ul{color:#b8bfc6}
.project-visual img{filter:brightness(.9)}
dialog{background:#0E1114;color:var(--paper);border-color:#2b333c}
.toy-grid button{background:#202830;color:var(--paper);border-color:#2b333c}
.toy-reset,.close{color:var(--paper)}
.image-caption{background:#0e1114d9;color:#e5e1dc}