/* Charcoal preview: same photographs and layout */
body[data-theme="dark"]{--paper:#222322;--white:#2a2b2a;--ink:#e8e8e6;--muted:#aaa;--line:#454645;--panel:#2d2e2d;background:var(--paper);color:var(--ink)}
body[data-theme="dark"] .site-header{background:#222322;border-color:#454645}
body[data-theme="dark"] .nav a:hover,body[data-theme="dark"] .nav a[aria-current="page"]{border-color:#c5c5c1}
body[data-theme="dark"] .nav .nav-contact{border-color:#777;color:#e8e8e6}
body[data-theme="dark"] .nav .nav-contact:hover{background:#e8e8e6;color:#222}
body[data-theme="dark"] .hero-top .intro,body[data-theme="dark"] .card-sub,body[data-theme="dark"] .hero-caption,body[data-theme="dark"] .service-item p,body[data-theme="dark"] .story p,body[data-theme="dark"] .inquiry p,body[data-theme="dark"] .footer-links,body[data-theme="dark"] .footer-bottom,body[data-theme="dark"] .page-head p,body[data-theme="dark"] .project-head p,body[data-theme="dark"] .project-story p,body[data-theme="dark"] .project-facts dt,body[data-theme="dark"] .project-cover figcaption,body[data-theme="dark"] .project-gallery figcaption,body[data-theme="dark"] .contact-note,body[data-theme="dark"] .check-list li,body[data-theme="dark"] .about-copy p,body[data-theme="dark"] .process-row p{color:#b0b0ac}
body[data-theme="dark"] .hero-caption strong{color:#dfdfdc}
body[data-theme="dark"] .hero-photo,body[data-theme="dark"] .work-card .photo,body[data-theme="dark"] .project-cover,body[data-theme="dark"] .project-gallery figure{background:#303130}
body[data-theme="dark"] .service-band,body[data-theme="dark"] .inquiry{background:#2a2b2a;border-color:#454645}
body[data-theme="dark"] .service-item .num{color:#aaa;border-color:#50514f}
body[data-theme="dark"] .inquiry{border-color:#454645}
body[data-theme="dark"] .button{border-color:#999;color:#eee}
body[data-theme="dark"] .button.dark{background:#e4e4df;border-color:#e4e4df;color:#242424}
body[data-theme="dark"] .button:hover{background:#fff;border-color:#fff;color:#222}
body[data-theme="dark"] .filter-btn{color:#aaa}
body[data-theme="dark"] .filter-btn.active,body[data-theme="dark"] .filter-btn:hover{color:#eee;border-color:#ddd}
body[data-theme="dark"] .menu-toggle span{background:#eee}
body[data-theme="dark"] .contact-info small{color:#aaa}
body[data-theme="dark"] .breadcrumbs{color:#aaa}
body[data-theme="dark"] .lightbox{background:#242424;color:#eee}
body[data-theme="dark"] .project-cover figcaption,body[data-theme="dark"] .project-gallery figcaption{background:var(--paper)}
@media(max-width:700px){body[data-theme="dark"] .nav{background:#222322}}