html[data-palette="mono"]{--preview-bg:#080808;--preview-panel:#131313;--preview-surface:#1b1b1b;--preview-accent:#f2f2ef;--preview-muted:#aaa;--preview-line:#353535}
html[data-palette="ice"]{--preview-bg:#080b10;--preview-panel:#10151c;--preview-surface:#19212c;--preview-accent:#91caff;--preview-muted:#a9b4c3;--preview-line:#303e4e}
html[data-palette="copper"]{--preview-bg:#0e0b09;--preview-panel:#181310;--preview-surface:#241c17;--preview-accent:#dfa87d;--preview-muted:#bbada2;--preview-line:#493a30}
html[data-palette]{--dark:var(--preview-bg);--ink:#f1f1ee;--paper:#f1f1ee;--muted:var(--preview-muted);--lime:var(--preview-accent);--line:var(--preview-line);--soft:var(--preview-surface);background:var(--preview-bg)}
html[data-palette] body{background:var(--preview-bg);color:#f1f1ee}
html[data-palette] .light,html[data-palette] .featured,html[data-palette] .about,html[data-palette] .research{background:var(--preview-panel);color:#f1f1ee}
html[data-palette] .featured,html[data-palette] .research{background:var(--preview-surface)}
html[data-palette] em,html[data-palette] .light em,html[data-palette] .featured em,html[data-palette] .about em,html[data-palette] .research em{color:var(--preview-accent)}
html[data-palette] .hero-description,html[data-palette] .quiet-link,html[data-palette] .about .lead,html[data-palette] .hero-note,html[data-palette] .portfolio-intro>p,html[data-palette] .project-caption,html[data-palette] .service-index{color:var(--preview-muted)}
html[data-palette] .primary,html[data-palette] .image-arrow{background:var(--preview-accent);color:var(--preview-bg)}
html[data-palette] .primary:hover{background:#fff;color:#111}
html[data-palette] .disciplines,html[data-palette] .skills span,html[data-palette] .header nav.open{background:var(--preview-surface)}
html[data-palette] .image-shell{background:var(--preview-surface)}
html[data-palette] .circle-arrow:hover{background:var(--preview-accent);color:var(--preview-bg)}
html[data-palette] .about-mark{color:var(--preview-accent);border-color:var(--preview-line)}
html[data-palette] .about-mark>span{color:var(--preview-muted)}
html[data-palette] .research-row,html[data-palette] .work-meta>span{border-color:var(--preview-line)}
html[data-palette] .art-label{background:#080b10d9}

html[data-palette] .skip{color:var(--preview-bg)}
html[data-palette] .dot{box-shadow:none}
html[data-palette] button:focus-visible,html[data-palette] a:focus-visible,html[data-palette] summary:focus-visible{outline-color:var(--preview-accent)}
html[data-palette] nav a,html[data-palette] .footer{color:var(--preview-muted)}
html[data-palette] nav a:hover,html[data-palette] nav a[aria-current]{color:var(--preview-accent)}
