/*
 Skin Remedy Clinic | Public colour system v2468
 Wall-inspired warm earthy olive + matte champagne.
 Loaded through the public header only; not through the CRM shell.
 Deliberate colour overrides only: no positioning, geometry, image, copy, JS or route changes.
*/
:root {
  --sr-wall-olive:#6A5A30;
  --sr-deep-olive:#41442D;
  --sr-deepest-olive:#252B20;
  --sr-olive-tint:#857449;
  --sr-soft-champagne:#E8D6B4;
  --sr-rich-champagne:#D9C08A;
  --sr-warm-ivory:#FBF8F0;
  --sr-cream-shadow:rgba(219,195,145,.16);
  --sr-olive-shadow:rgba(23,29,18,.24);

  /* Existing design-system aliases, unchanged font sizes/spacing/layout. */
  --deep:#252B20;
  --deep-2:#343A2B;
  --olive:#6A5A30;
  --olive-2:#857449;
  --warm:#FBF8F0;
  --sand:#E8E1D2;
  --champagne:#E8D6B4;
  --ink:#23271E;
  --border:rgba(232,214,180,.34);

  /* Approved V2467 header relies on these three public-only variables. */
  --sr-green-a:#695D3B;
  --sr-green-b:#45452F;
  --sr-green-c:#20281E;
  --sr-champagne:#E8D6B4;
  --sr-champagne-soft:#F4E8CF;
  --sr-cream:#FBF8F0;
  --sr-dark:#20281E;
}

html:has(header.sr-v2464-header),
body.sr-v20-site:has(header.sr-v2464-header) {
  background-color:var(--sr-deepest-olive)!important;
}
body.sr-v20-site:has(header.sr-v2464-header) {
  background:radial-gradient(ellipse at 83% 10%, rgba(133,116,73,.10), transparent 38%),
    linear-gradient(135deg,#252B20,#373D2C 53%,#252B20)!important;
  color:var(--sr-warm-ivory);
}

/* Clean warm-olive header; preserve established slim geometry and corner shape. */
body header.sr-site-header.sr-v2464-header .sr-v2464-shell {
  background:linear-gradient(103deg,#695E3D 0%,#4B4B34 35%,#2A3224 76%,#202A20 100%)!important;
  border-color:rgba(232,214,180,.68)!important;
  box-shadow:0 10px 24px rgba(24,28,20,.18),inset 0 1px 0 rgba(255,255,255,.08)!important;
}
body header.sr-site-header.sr-v2464-header .sr-v2464-shell::after {
  background:linear-gradient(90deg,transparent,rgba(244,232,207,.83) 50%,transparent)!important;
}
body header.sr-site-header.sr-v2464-header .sr-v2464-brand {
  background:#FFFFFF!important;
  border-color:rgba(255,255,255,.98)!important;
}
body header.sr-site-header.sr-v2464-header nav.sr-v2464-nav>a {
  color:#FFFDF8!important;
}
body header.sr-site-header.sr-v2464-header nav.sr-v2464-nav>a>span::after {
  /* Refined champagne filament instead of broad gold glow. */
  background:linear-gradient(90deg,transparent 0%,rgba(232,214,180,.70) 19%,#FFF7E4 50%,rgba(232,214,180,.70) 81%,transparent 100%)!important;
  box-shadow:0 1px 3px rgba(232,214,180,.18)!important;
}
body header.sr-site-header.sr-v2464-header .sr-v2464-call,
body header.sr-site-header.sr-v2464-header .sr-v2464-plan {
  background:linear-gradient(145deg,rgba(58,63,40,.94),rgba(27,36,26,.97))!important;
  border-color:rgba(232,214,180,.75)!important;
}
body header.sr-site-header.sr-v2464-header .sr-v2464-cta-icon,
body header.sr-site-header.sr-v2464-header .sr-v2464-plan b {
  background:linear-gradient(155deg,#F4E8CF,#DDC79F)!important;
  color:#20281E!important;
}
body header.sr-site-header.sr-v2464-header .sr-v2464-consult {
  background:linear-gradient(180deg,#F7EFD9 0%,#E8D6B4 56%,#DCC59D 100%)!important;
  color:#26271F!important;
  border-color:rgba(255,250,239,.85)!important;
  box-shadow:0 9px 15px rgba(24,29,22,.2),inset 0 1px 0 rgba(255,255,255,.75),inset 0 -2px 0 rgba(121,98,57,.16)!important;
}
body header.sr-site-header.sr-v2464-header .sr-v2464-consult:hover {
  box-shadow:0 13px 19px rgba(24,29,22,.23),inset 0 1px 0 rgba(255,255,255,.78),inset 0 -2px 0 rgba(121,98,57,.14)!important;
}
body header.sr-site-header.sr-v2464-header .sr-v2464-menu-toggle {
  background:rgba(36,45,30,.65)!important;
  border-color:rgba(232,214,180,.8)!important;
  color:#FBF8F0!important;
}
@media(max-width:1320px){
  body header.sr-site-header.sr-v2464-header .sr-v2464-nav {
    background:linear-gradient(180deg,rgba(69,70,48,.99),rgba(33,42,30,.99))!important;
    border-color:rgba(232,214,180,.58)!important;
  }
}

/* Existing deep sections retain their light type; shift only the underlying palette. */
body.sr-v20-site .sr-v29-treatments,
body.sr-v20-site .sr-v29-pricing {
  background:radial-gradient(circle at 84% 12%,rgba(133,116,73,.11),transparent 33%),
    linear-gradient(180deg,#292F23 0%,#353928 48%,#252C22 100%)!important;
}
body.sr-v20-site .sr-v29-experience,
body.sr-v20-site .sr-v29-circle,
body.sr-v20-site .sr-v29-faq {
  background-color:#303628!important;
}
body.sr-v20-site .sr-v29-footer {
  background:linear-gradient(130deg,#514C32 0%,#35382A 50%,#252D22 100%)!important;
  border-top-color:rgba(232,214,180,.35)!important;
}
body.sr-v20-site .sr-v29-footer-cta {
  border-color:rgba(232,214,180,.31)!important;
  background:linear-gradient(110deg,rgba(133,116,73,.18),rgba(251,248,240,.035) 52%,rgba(232,214,180,.07))!important;
}
body.sr-v20-site .sr-v29-contact-card,
body.sr-v20-site .sr-v29-price-card {
  border-color:rgba(232,214,180,.24)!important;
}
body.sr-v20-site .sr-v246-under-card {
  border-color:rgba(232,214,180,.22)!important;
  background:linear-gradient(145deg,rgba(88,83,56,.9),rgba(35,44,31,.92))!important;
}
body.sr-v20-site .sr-btn-gold {
  background:linear-gradient(165deg,#F4E9CF 0%,#E8D6B4 53%,#D8C29B 100%)!important;
  border-color:rgba(255,249,234,.78)!important;
  color:#23271E!important;
  box-shadow:0 10px 21px rgba(24,28,21,.19),inset 0 1px 0 rgba(255,255,255,.65)!important;
}
body.sr-v20-site .sr-btn-gold:hover {
  box-shadow:0 14px 26px rgba(24,28,21,.22),inset 0 1px 0 rgba(255,255,255,.7)!important;
}
body.sr-v20-site .sr-eyebrow {color:#E8D6B4;}
body.sr-v20-site a:focus-visible,
body.sr-v20-site button:focus-visible {
  outline-color:#F4E8CF!important;
}
@media(prefers-reduced-motion:reduce){
  body header.sr-site-header.sr-v2464-header nav.sr-v2464-nav>a>span::after {transition:none!important;}
}
