/* ZCrude — palette + type over the template stylesheet. Oil black, bone, deep amber. */
:root{
  --oil:#070605; --oil-2:#14100C; --oil-3:#1F1913; --bone:#F1E7D3; --amber:#E39A2E; --amber-deep:#9A5A12;
  --c-black:#070605; --c-blacker:#000; --c-white:#F1E7D3; --c-whiter:#FBF4E6;
  --c-grey:#8C8172; --c-grey-dark:#100D0A; --c-grey-light:#1B1612;
  --c-green:#E39A2E; --c-purple:#C9801E; --c-orange:#9A5A12; --c-yellow:#F0BE5C; --c-blue:#E39A2E;
  --c-n-0:#F1E7D3; --c-n-1:#D9CDB6; --c-n-2:#A69A86; --c-n-3:#6E6355; --c-n-4:#3B322A; --c-n-5:#241E18; --c-n-6:#15110D;
  --f-heading:"Instrument Serif",Georgia,"Times New Roman",serif;
  --f-body:"Manrope",system-ui,-apple-system,"Segoe UI",sans-serif;
}
html,body{background:var(--oil)}

/* The template's "light" sections become lifted oil: swap the two ends of the scale
   inside them so every contrast relationship the design relies on still holds. */
section[data-theme=light],.page-bg,#about .hero,#services .hero,#services .info,#home .exp{
  --c-white:var(--oil-2); --c-whiter:var(--oil-3); --c-black:var(--bone); --c-blacker:#FBF4E6;
  --c-grey-light:#241E18; --c-n-5:#1B1612; --c-grey:#A69A86;
}
.nav[data-theme=light]{--navColor:var(--bone);--navBgColor:70,56,40}

/* hard-coded light surfaces in the template */
#home .exp .exp-subtitle,#home .exp .exp-text-wrapper,#services .info .info-content{background:rgba(20,16,12,.72);backdrop-filter:blur(6px)}
#home .services .service{background:#1B1612}
#home .services .service:nth-child(2){background:#221B15}
#home .services .service:nth-child(3){background:#2A2119}
#home .services .service:nth-child(4){background:#33271C}
#about .team .team-intro-bg{background:linear-gradient(var(--oil-2),var(--amber-deep))}
@media (max-width:1099px){#about .team .team-intro{background:linear-gradient(var(--oil-2),var(--amber-deep))}}
.toast .toast-inner{background:var(--amber);color:var(--oil)}
.footer .f-overlay{background:linear-gradient(#2A2119,var(--amber-deep))}
.loader .loader-icon svg path{fill:var(--bone)}
.work .work-inner{background:#000;color:var(--bone)}
.work .work-wrapper{color:var(--bone)}
#error .error-image{background:var(--oil-3)}
::selection{background:var(--amber);color:var(--oil)}

/* small additions */
.footer .f-note{margin-top:1.6rem;font-size:1.2rem;opacity:.5;text-align:center}
.footer .f-logo{color:var(--bone)}
.f-letter svg{color:var(--oil)}
.n-logo svg{display:block;height:1.6rem;width:auto}
.newsletter .form-btn a.btn{text-decoration:none}

.nav .n-link{white-space:nowrap}
@media (max-width:1099px){.nav .n-link{padding-left:.9rem;padding-right:.9rem}}
.work .work-col-featured .work-inner{background:var(--oil-3)!important;color:var(--bone)!important}
.work .work-col-featured .work-title,.work .work-col-featured .work-text{color:var(--bone)}
.footer .f-bg{background:rgba(241,231,211,.06)}
.footer .clock{margin-top:1.6rem}