/* Charcoal and light-gray palette */
:root { --ink:#f3f4f6; --muted:#c0c4cb; --paper:#25272b; --surface:#34373d; --line:#555961; --teal:#f3f4f6; --lime:#f3f4f6; --white:#34373d; --shadow:0 18px 45px rgba(0,0,0,.42); }
body { color:#f3f4f6; background:linear-gradient(135deg,#25272b 0%,#34373d 100%); }
.site-header { background:rgba(37,39,43,.94); }
.surface,.hero-card,.skill-card,.project-card { background:#34373d; }
.contact,footer { background:#1d1f22; }
.button-primary { color:#25272b; background:#f3f4f6; }
.button-primary:hover { color:#f3f4f6; background:#555961; }
.tags span { color:#25272b; background:#f3f4f6; }
.brand-mark { color:#f3f4f6 !important; border-color:#696e77 !important; }
.brand-copy { color:#f3f4f6 !important; }.brand-copy small { color:#c0c4cb !important; }
.profile-photo { display:block; width:100%; height:300px; margin:0 0 1.65rem; border:1px solid #696e77; border-radius:.7rem; object-fit:cover; object-position:center 20%; background:#f3f4f6; filter:grayscale(12%) contrast(1.03); }
@media (max-width:760px) { .profile-photo { height:360px; } }