/* ══════════════════════════════════════════════════════════════
   MODUVO PROJECTS — CI 2.0 override (September 2026)
   Loaded LAST on every page. Re-themes the existing site to the
   cream / ink / walnut identity. Orange survives as "ember" only.
   ══════════════════════════════════════════════════════════════ */
:root{
  --cream:#F4EEE2; --sand:#E8DFD1; --linen:#FAF6EE;
  --ink:#100C08; --ink-soft:#2B241E;
  --walnut:#6A4F3C; --walnut-deep:#4A3628; --oak:#C9A084;
  --stone:#8A7F73; --ember:#CC5500;
  /* legacy tokens re-pointed */
  --black:var(--ink); --eggshell:var(--cream); --white:var(--cream);
  --orange:var(--oak);                 /* accents on dark grounds */
  --dark:#1A1410; --mid:#241C16;
  --muted:rgba(244,238,226,.58); --subtle:rgba(244,238,226,.10);
}
body{background:var(--cream);color:var(--ink)}

/* ── type: CI headline rules ── */
h1,.section-title,.section-cta h2,.lp-enquiry h2,.shop-cta h2,.services-cta h2{
  font-family:'Montserrat',sans-serif;font-weight:800;text-transform:uppercase;letter-spacing:-.005em}
.section-label,.hero-eyebrow,.footer-col h4,.info-label,.cat-heading,.service-tag,.cap-num,.step-num,.product-cat,.lp-card-ix,.service-card-num{
  font-weight:600;letter-spacing:.3em}
/* labels: walnut on light grounds, oak on dark */
.section-label,.cat-heading{color:var(--walnut)}
.section-label::before,.cat-heading::before{background:var(--walnut)}
.hero .section-label,.hero-eyebrow,.section-services .section-label,.section-process .section-label,
.lp-hero .section-label,.lp-band.black .section-label,.lp-band.dark .section-label,.lp-enquiry .section-label,
.contact-page .section-label,.about-hero .section-label,.services-hero .section-label,.shop-hero .section-label,
.section-positioning .section-label,.services-cat.dark-bg .section-label{color:var(--oak)}
.hero .section-label::before,.hero-eyebrow::before,.section-services .section-label::before,.section-process .section-label::before,
.lp-hero .section-label::before,.lp-band.black .section-label::before,.lp-band.dark .section-label::before,.lp-enquiry .section-label::before,
.contact-page .section-label::before,.about-hero .section-label::before,.services-hero .section-label::before,.shop-hero .section-label::before,
.section-positioning .section-label::before,.services-cat.dark-bg .section-label::before{background:var(--oak)}

/* ── ember: one accent per composition ── */
.hero h1 em{color:var(--ember)}                       /* the full stop only (markup: Deliver<em>.</em>) */
.hero-cap{background:var(--walnut)}
.hero-glow{background:radial-gradient(ellipse at center,rgba(201,160,132,.10) 0%,transparent 65%)}
.nav-links a:hover{color:var(--ember)}
.footer-orange{color:var(--oak)}

/* ── buttons ── */
.btn-primary{background:var(--ink);color:var(--cream);font-weight:600;letter-spacing:.2em}
.btn-primary:hover{background:var(--walnut);transform:translateY(-1px)}
.hero .btn-primary,.lp-hero .btn-primary,.lp-band.black .btn-primary,.lp-band.dark .btn-primary,.lp-enquiry .btn-primary,
.contact-page .btn-primary,.shop-hero .btn-primary,.about-hero .btn-primary,.services-hero .btn-primary,.section-services .btn-primary,.section-process .btn-primary{
  background:var(--cream);color:var(--ink)}
.hero .btn-primary:hover,.lp-hero .btn-primary:hover,.lp-enquiry .btn-primary:hover,.contact-page .btn-primary:hover{background:var(--oak);color:var(--ink)}
.btn-ghost{color:var(--muted);border-bottom-color:rgba(244,238,226,.3)}
.btn-ghost:hover{color:var(--cream);border-color:var(--oak)}
.btn-white{background:var(--cream);color:var(--ink);font-weight:600;letter-spacing:.2em}
.btn-white:hover{background:var(--oak);color:var(--ink)}

/* ── feature bands that were orange → walnut ── */
.intro-strip,.section-cta,.shop-cta,.services-cta{background:var(--walnut)}
.intro-strip-inner{color:var(--cream)}
.section-cta h2,.shop-cta h2,.services-cta h2{color:var(--cream)}
.section-cta p,.shop-cta p,.services-cta p{color:rgba(244,238,226,.82)}
.lp-alert.ok{background:rgba(201,160,132,.14);border-left-color:var(--oak)}
.lp-alert{border-left-color:var(--oak)}
.form-row input:focus,.form-row select:focus,.form-row textarea:focus,.lp-formbox input:focus,.lp-formbox textarea:focus,.lp-formbox select:focus{border-color:var(--oak)}
.contact-type:hover{border-color:rgba(201,160,132,.45);background:rgba(201,160,132,.05)}
.process-track::before{background:linear-gradient(90deg,var(--oak) 0%,rgba(201,160,132,.15) 100%)}
.step-node{background:var(--oak);box-shadow:0 0 0 3px var(--dark),0 0 0 4px rgba(201,160,132,.4)}
.site-nav.scrolled{border-bottom-color:rgba(201,160,132,.35)}
.shop-cat.active,.shop-cat:hover{background:var(--walnut);border-color:var(--walnut);color:var(--cream)}
.product-badge{background:var(--walnut);color:var(--cream)}

/* ── header: three variants, set by body class ── */
.nav-logo img,.footer-brand img{mix-blend-mode:normal;opacity:1;height:38px;width:auto}
.footer-brand img{height:42px}
.site-nav{transition:background .3s,border-color .3s}
/* cream (primary): home, contact, about, services */
body.ci-cream .site-nav{background:var(--cream);border-bottom:1px solid rgba(16,12,8,.12)}
body.ci-cream .site-nav.scrolled{border-bottom-color:rgba(16,12,8,.22)}
body.ci-cream .nav-links a{color:var(--ink)}
body.ci-cream .nav-links a.current{color:var(--ink);border-bottom-color:var(--walnut)}
body.ci-cream .nav-cta{background:var(--ink);color:var(--cream)}
body.ci-cream .nav-cta:hover{background:var(--walnut)}
body.ci-cream .nav-ham span{background:var(--ink)}
@media (max-width:820px){body.ci-cream .nav-links{background:var(--cream);border-bottom-color:rgba(16,12,8,.12)}}
/* ink: surfacing / gym */
body.ci-ink .site-nav{background:var(--ink);border-bottom:1px solid rgba(244,238,226,.10)}
body.ci-ink .nav-links a{color:var(--cream)}
body.ci-ink .nav-links a.current{border-bottom-color:var(--oak)}
body.ci-ink .nav-cta{background:var(--cream);color:var(--ink)}
body.ci-ink .nav-cta:hover{background:var(--oak)}
/* walnut: shop / furniture */
body.ci-walnut .site-nav{background:var(--walnut);border-bottom:1px solid rgba(244,238,226,.14)}
body.ci-walnut .site-nav.scrolled{border-bottom-color:rgba(244,238,226,.28)}
body.ci-walnut .nav-links a{color:var(--cream)}
body.ci-walnut .nav-links a.current{border-bottom-color:var(--oak)}
body.ci-walnut .nav-links a:hover{color:var(--oak)}
body.ci-walnut .nav-cta{background:var(--cream);color:var(--ink)}
body.ci-walnut .nav-cta:hover{background:var(--ink);color:var(--cream)}
@media (max-width:820px){body.ci-walnut .nav-links{background:var(--walnut)}}
body.ci-walnut .shop-hero{background:var(--walnut-deep);border-bottom-color:rgba(244,238,226,.14)}

/* footer stays ink on every page */
.site-footer{background:var(--ink)}
.footer-col h4{color:var(--oak)}