/* Theme B: Slate & Copper */
:root{
  --t-primary:#2C3E50;
  --t-primary-deep:#1B2733;
  --t-accent:#A85628;
  --t-accent-hi:#E39A6E;
  --t-accent-ink:#8F4522;
  --t-on-accent:#FFFFFF;
  --t-on-accent-soft:#FDEEE4;
  --t-bg:#F4F1EB;
  --t-bg2:#E5DFD4;
  --t-text:#1E252C;
  --t-text-soft:#4A535C;
  --t-line:#D3CCBF;
  --t-on-primary-soft:#C5CFD8;
  --t-line-on-primary:rgba(255,255,255,.16);
  --ph:#7A3FA0;
}

/* ---- shared themed rules (loaded after style.css; baseline untouched) ---- */
body{background:var(--t-bg);color:var(--t-text)}
.eyebrow{color:var(--t-accent-ink)}
.eyebrow::before{content:"";display:inline-block;width:28px;height:2px;background:var(--t-accent);vertical-align:middle;margin-right:12px;transform:translateY(-2px)}
.page-head h1,.gallery-sec h2,.about h2{color:var(--t-primary)}
/* buttons */
.btn{border-color:var(--t-primary);color:var(--t-primary)}
.btn:hover{background:var(--t-primary);color:#fff}
.btn.solid{background:var(--t-accent);border-color:var(--t-accent);color:var(--t-on-accent)}
.btn.solid:hover{background:var(--t-primary);border-color:var(--t-primary);color:#fff}
.btn.light:hover{background:var(--t-accent);border-color:var(--t-accent);color:var(--t-on-accent)}
.site-header:not(.solid) .nav .btn{background:var(--t-accent);border-color:var(--t-accent);color:var(--t-on-accent)}
.site-header.solid{background:var(--t-bg);border-bottom:3px solid var(--t-accent)}
.site-header.solid .nav .btn{background:var(--t-primary);border-color:var(--t-primary);color:#fff}
.site-header.solid .nav .btn:hover{background:var(--t-accent);border-color:var(--t-accent);color:var(--t-on-accent)}
.nav a:not(.btn):hover{color:var(--t-accent)}
.site-header.solid .nav a.active{color:var(--t-primary);border-bottom:2px solid var(--t-accent)}
.hero-meta{border-top-color:var(--t-accent)}
.hero-meta .proj b{color:var(--t-accent-hi)}
/* services band in primary */
.services{background:var(--t-primary);color:#fff}
.services h2{color:#fff}
.services .eyebrow{color:var(--t-accent-hi)}
.services .lead{color:var(--t-on-primary-soft)}
.svc-grid{border-color:var(--t-line-on-primary)}
.svc{border-color:var(--t-line-on-primary)}
.svc::before{content:"";position:absolute;left:0;top:0;height:3px;width:0;background:var(--t-accent);transition:width .35s}
.svc:hover{background:var(--t-primary-deep)}
.svc:hover::before{width:100%}
.svc .num{color:var(--t-accent-hi);font-size:1.25rem;font-weight:600}
.svc h3{color:#fff}
.svc p{color:var(--t-on-primary-soft)}
.svc .feat{background:var(--t-accent);color:var(--t-on-accent)}
/* featured section */
.feature{background:var(--t-bg2);color:var(--t-text)}
.feature-copy .eyebrow{color:var(--t-accent-ink)}
.feature-copy h2{color:var(--t-primary)}
.feature-copy .lead{color:var(--t-text-soft)}
.feature .btn.light{border-color:var(--t-primary);color:var(--t-primary)}
.feature .btn.light:hover{background:var(--t-primary);color:#fff}
/* about */
.about{background:var(--t-bg)}
.partner{background:var(--t-bg2);border-left:3px solid var(--t-accent)}
.partner b{color:var(--t-primary)}
.stat-ph{border-color:var(--t-accent)}
/* contact strip in accent */
.contact-strip{background:var(--t-accent);color:var(--t-on-accent)}
.contact-strip .eyebrow,.strip .lines span{color:var(--t-on-accent-soft)!important}
.contact-strip .eyebrow::before{background:var(--t-on-accent)}
.contact-strip .btn.light{border-color:var(--t-on-accent);color:var(--t-on-accent)}
.contact-strip .btn.light:hover{background:var(--t-primary);border-color:var(--t-primary);color:#fff}
footer{background:var(--t-primary-deep);color:var(--t-on-primary-soft)}
.foot a:hover{color:var(--t-accent-hi)}
/* projects */
.filters button{border-color:var(--t-line)}
.filters button:hover{background:var(--t-primary);border-color:var(--t-primary);color:#fff}
.filters button.on{background:var(--t-accent);border-color:var(--t-accent);color:var(--t-on-accent)}
.card .view{border-bottom:2px solid var(--t-accent-hi)}
.card.soon{background:repeating-linear-gradient(135deg,var(--t-bg2) 0 14px,var(--t-bg) 14px 28px)}
.card.soon .soon-mark svg{color:var(--t-primary)}
.card.soon h3{color:var(--t-primary)}
.gallery-sec{background:#fff}
.tile.video-soon{background:var(--t-primary)}
.tile .play i{border-color:var(--t-accent-hi)}
.tile .play i::before{border-left-color:var(--t-accent-hi)}
/* contact */
.info-block{border-top-color:var(--t-line)}
.info-block span{color:var(--t-accent-ink)}
.info-block a{color:var(--t-primary)}
form{border-top:4px solid var(--t-accent)}
input,select,textarea{background:var(--t-bg);border-color:var(--t-line)}
input:focus,select:focus,textarea:focus{outline-color:var(--t-accent)}
/* ---- Theme B additions: moving banners + readability fixes ---- */
.ticker{background:var(--t-accent);color:#FFFFFF}            /* copper band, white text + white logo-tree separator */
.photo-strip{background:var(--t-bg)}
.ps-link{color:var(--t-primary);border-bottom-color:var(--t-accent)}
.ps-link:hover{color:var(--t-accent)}
.ps-item span{background:linear-gradient(transparent,rgba(27,39,51,.8))}
/* placeholder labels: purple (distinct from copper accent), readable on slate band and copper strip */
.services .ph,.ph-dark{background:rgba(198,155,230,.16);color:#E6CCF7;border-color:#C69BE6}
.contact-strip .ph,.contact-strip .ph-dark{background:#FBF5EE;color:#5B2A7A;border-color:#5B2A7A}
.contact-strip .lines span.ph{color:#5B2A7A!important}
.info-block span.ph{color:var(--ph)}