/* Default charcoal theme. Project artwork keeps its own color palette. */
:root {
  color-scheme: dark;
  --paper: #141613;
  --ink: #f0f0e9;
  --muted: #a5aa9d;
  --line: #33372f;
}
html { scrollbar-color: #565d4e #141613; }
body { background: var(--paper); }
::selection { background: var(--orange); color: #141613; }
button:focus-visible, a:focus-visible, summary:focus-visible, canvas:focus-visible {
  outline-color: #ff805c;
}
.skip-link { background: #f0f0e9; color: #141613; }
.brand-icon { color: #20211e; }
.brand-icon span { color: #f3f1eb; }
.motion-toggle { border-color: #404638; }
.hero-top, .hero-copy p, .hero-foot,
.section-kicker, .work-filters button,
.project-info p, .project-category, .work-note,
.process-list summary .mono, .process-list details p,
footer > .mono, footer > a.mono {
  color: #a5aa9d;
}
.header nav a span { color: #a5aa9d; }
.pill.dark { background: #eeeee5; color: #1a1d16; }
.pill.dark:hover { background: #ff704b; color: #171a14; }
.hero-art {
  background: radial-gradient(ellipse at 48% 43%, #f956300b 0%, transparent 61%);
}
.art-grid {
  background-image: linear-gradient(#c7d1ba0c 1px, transparent 1px), linear-gradient(90deg, #c7d1ba0c 1px, transparent 1px);
}
.orbit-ring { border-color: #58604d; opacity: .45; }
.art-cross { color: #737d65; }
.art-tag { color: #a1a991; }
.sculpture-shadow { background: #000; opacity: .55; }
.drag-badge {
  background: #252a21e8;
  border-color: #4c5441;
  color: #e8ecdf;
  box-shadow: 0 6px 18px #0003;
}
.remix-button[aria-pressed=true] { color: #ff805c; }
.work-filters button.active { color: #f0f0e9; }
.project-info h3 button:hover { color: #ff805c; }
.project-scene:hover .project-open { background: #20211e; color: #f3f1eb; }
#workbench > div { background: #1b1e18; }
#workbench p { color: #b4bba9; }
#workbench small { color: #a5ad99; }
.about { background: #1c2019; }
.about-sticker { color: #20211e; box-shadow: 5px 8px 0 #343b2c; }
.about-text { color: #b5bcaa; }
.about-text strong { color: #f0f0e9; }
.skill-tags span { border-color: #48513c; color: #d2d9c8; }
.contact { background: #1c2019; border-top: 1px solid #333b2b; }
.contact .section-kicker { color: #a5ad99; }
.contact-giant em { color: #ff704b; }
.contact-arrow { border-color: #657352; color: #ff704b; background: #23291d; }
.contact-giant:hover .contact-arrow { background: #f95630; color: #141613; }
.contact-foot p { color: #b3bca5; }
.contact .text-link { border-color: #9dba80; color: #f0f0e9; }
dialog { background: #1c2019; border: 1px solid #414b34; box-shadow: 0 20px 120px #000b; }
dialog::backdrop { background: #080b07d4; }
.dialog-close { border-color: #59664a; }
.dialog-close:hover { background: #e9edde; color: #172011; }
.case-label, .case-role, .case-section p,
#contact-dialog > p, .contact-handle { color: #b5bfaa; }
.case-status { color: #ff805c; }
.case-notice { background: #2a3222; color: #d9e3ce; }
.toast { background: #eceee5; color: #1c2316; }
@media(max-width:760px) {
  .about-sticker { box-shadow: 3px 5px 0 #343b2c; }
}