/* ===== GRAPHITE THEME (test) — remove the <link> to revert ===== */
:root{
  --gray:#26272a;        /* page surface */
  --gray-dim:#303236;
  --gray-line:#45474c;
  --graphite:#e9eaec;    /* ink */
  --graphite-soft:#aeb0b5;
  --graphite-card:#1f2022;
  --off-white:#2d2e32;
  --panel:#141516;       /* deepest panels */
  --on-panel:#e4e5e7;
}
body{background:#26272a;}
/* dark panels stay dark */
.dark,footer,.size-chart,.info-panel,.article-cta,.modal-sum,nav.main-nav .dd-menu,
.logo .mark,.service-tag,.process-step b.num,.p-photo.ph,.cmp th,.size-modal th{background:var(--panel);}
.dark,footer,.size-chart,.info-panel,.article-cta,.modal-sum,nav.main-nav .dd-menu,nav.main-nav .dd-menu a{color:var(--on-panel);}
.size-chart h2{color:var(--on-panel);}
.logo .mark,.service-tag,.process-step b.num,.cmp th,.size-modal th{color:var(--lime);}
/* grids with hairline gaps */
.services-grid,.blog-grid,.related-grid{background:#3a3c40;border-color:#3a3c40;}
.service-card,.blog-card,.related-card{background:var(--gray);}
.service-card:hover{background:var(--panel);color:var(--on-panel);}
.service-card:hover .service-tag{background:var(--lime);color:#18191B;}
/* tape */
.tape{background:repeating-linear-gradient(135deg,#111213 0 26px,var(--lime) 26px 52px);border-color:#111213;}
.tape span,.tape-item{background:#e4e5e7;color:#18191B;}
/* buttons */
.btn:hover{background:var(--lime);color:#18191B;border-color:var(--lime);}
.btn.ghost:hover{background:var(--graphite);color:#18191B;}
.btn.on-dark{border-color:var(--on-panel);}
/* header / borders */
.site-header{border-bottom-color:#3a3c40;}
.p-card,.pp-photo,.print-info div{border-color:#3a3c40;}
.p-card{background:#2d2e32;}
.p-photo{background:#fff;}
.chip,.cat-tab,.qty,.swatch{border-color:#6a6c71;}
.qty input{border-color:#6a6c71;background:transparent;color:var(--graphite);}
.chip[aria-pressed="true"],.cat-tab[aria-pressed="true"],.tier.on{background:var(--lime);color:#18191B;border-color:var(--lime);}
.tier.on span{color:#2b3a00;}
.swatch[aria-pressed="true"]{box-shadow:0 0 0 5px var(--gray);}
.cat-tabs{background:var(--gray);}
.modal-box{border-color:#55575c;}
.modal{background:rgba(0,0,0,.75);}
input,select,textarea{color:var(--graphite);}
.hero-stats b,.hero h1{color:var(--graphite);}
.hero h1 em{color:#18191B;}
.dark .btn.ghost,.article-cta .btn.ghost,.info-panel .btn.ghost,footer .btn.ghost{color:var(--on-panel);border-color:var(--on-panel);}
.dark .btn.ghost:hover,.article-cta .btn.ghost:hover,.info-panel .btn.ghost:hover{background:var(--lime);color:#18191B;border-color:var(--lime);}
footer .logo,footer a,.dark a,.info-panel a{color:var(--on-panel);}
footer a:hover,.info-panel a:hover{color:var(--lime);}
.dark .btn,.article-cta .btn:not(.ghost),.info-panel .btn:not(.ghost){background:var(--on-panel);color:#18191B;border-color:var(--on-panel);}
/* local token flip inside dark panels */
.dark,footer,.size-chart,.info-panel,.article-cta,.modal-sum,nav.main-nav .dd-menu{--graphite:#e4e5e7;--graphite-soft:#9a9ca1;--gray-line:#45474c;}
.dark .btn.ghost,.article-cta .btn.ghost,.info-panel .btn.ghost,footer .btn.ghost{background:transparent;color:#e4e5e7;border-color:#e4e5e7;}
.dark,footer,.size-chart,.info-panel,.article-cta,.modal-sum,nav.main-nav .dd-menu{--gray:#e4e5e7;}
.dark .btn:not(.ghost),.article-cta .btn:not(.ghost),.info-panel .btn:not(.ghost){color:#18191B;}