/* Charcoal surfaces with fluorescent lime accents. */
:root{color-scheme:dark;--paper:#121410;--ink:#f1f3e9;--muted:#a1a798;--line:#34392e;--accent:#c6ff34}
::selection{background:var(--accent);color:var(--paper)}
body{background:var(--paper)}
.wordmark .dot,.eyebrow .dot{background:var(--accent);box-shadow:0 0 12px #c6ff3430}
h1 em,h2 em{color:var(--accent)}
.header nav a:hover,.text-link:hover,.next-project:hover>span:last-child{color:var(--accent)}
.text-link span,.header nav span{color:var(--accent)}
.intro-aside p{color:#c6ccbd}
.thumbnail,.image-button{background:#252a20}
.thumbnail{outline:1px solid #ffffff08;outline-offset:-1px}
.thumbnail img{filter:brightness(.86) saturate(.82)}
.project-card:hover .thumbnail img,.project-card:focus-visible .thumbnail img{filter:brightness(1) saturate(1)}
.project-open{background:var(--accent);color:var(--paper)}
.card-caption h3{transition:color .2s}
.project-card:hover h3,.project-card:focus-visible h3{color:var(--accent)}
.image-label{background:#121410e8;color:#d0d5c7;border:1px solid #ffffff1a}
.demo-label{color:#aeb6a1;background:#20251a}
.image-button>span{background:var(--accent);color:var(--paper)}
.video-slot{background:#1d2217;border:1px solid var(--line)}
.video-symbol{color:var(--accent);border-color:#6c8a2a;background:#c6ff3408}
.next-project>span:last-child>span{color:var(--accent)}
dialog{background:#1d2217;color:var(--ink)}
dialog::backdrop{background:#050704ed}
.close:hover{color:var(--accent)}
.skip{color:var(--paper)}
a:focus-visible,button:focus-visible{outline-color:var(--accent)}