/* Professional graphite and silver visual system */
:root { --ink:#f4f6f8; --muted:#b5bdc7; --paper:#15171b; --surface:#20242a; --line:#3a414a; --teal:#f4f6f8; --lime:#f4f6f8; --white:#20242a; --shadow:0 22px 55px rgba(0,0,0,.34); }
body { background:radial-gradient(circle at 12% 4%,#303842 0%,transparent 31%),linear-gradient(135deg,#15171b 0%,#20242a 52%,#15171b 100%); }
.site-header { background:rgba(21,23,27,.84); border-color:rgba(244,246,248,.08); }
.surface { background:linear-gradient(120deg,#20242a 0%,#292e35 100%); }
.hero-card { background:linear-gradient(145deg,#2a3038 0%,#1a1d22 100%); border:1px solid rgba(244,246,248,.12); }
.skill-card,.project-card { background:linear-gradient(145deg,rgba(49,55,64,.9),rgba(31,35,41,.95)); border-color:#424a54; }
.skill-card:hover,.project-card:hover { border-color:#b8c0ca; }
.contact { background:linear-gradient(135deg,#111316 0%,#242930 100%); }
footer { background:#111316; }
.button-primary { color:#17191d; background:linear-gradient(135deg,#ffffff 0%,#cbd2da 100%); }
.button-primary:hover { color:#17191d; background:linear-gradient(135deg,#ffffff 0%,#e3e7eb 100%); }
.button-secondary,.nav-menu .nav-contact { border-color:#59616c; }
.tags span { color:#17191d; background:linear-gradient(135deg,#f4f6f8,#c5ccd4); }
.brand-mark { border-color:#66707c !important; }
.profile-photo { border-color:#68727e; box-shadow:0 18px 38px rgba(0,0,0,.32); }