/* Service identity is scoped to its route; the corporate homepage is unchanged. */
html[data-business="logistics"]{
  --brand-primary:#22b8cf;--brand-primary-deep:#1595ab;
  --brand-surface-dark:#083b46;--brand-surface-alt:#f0fafb;
  --brand-border:rgba(21,149,171,.18);--border:rgba(21,149,171,.22);
  --product-accent:#087789;--product-bright:#79dce9;
  --primary:#22b8cf;--primary-foreground:#fff;
  --blue:#087789;--blue-dark:#066374;--link:#087789;--focus:#087789;
  --business-label:#087789;
}
html[data-business="ecommerce"]{
  --brand-primary:#6e46b3;--brand-primary-deep:#57338f;
  --brand-surface-dark:#30204f;--brand-surface-alt:#f7f4fb;
  --brand-border:rgba(110,70,179,.16);--border:rgba(110,70,179,.2);
  --product-accent:#6e46b3;--product-bright:#d3b7ff;
  --primary:#6e46b3;--primary-foreground:#fff;
  --blue:#6e46b3;--blue-dark:#57338f;--link:#6e46b3;--focus:#6e46b3;
}
html[data-business][data-theme="dark"]{
  --product-accent:var(--product-bright);--link:var(--product-bright);
  --blue:var(--product-bright);--focus:var(--product-bright);
  --business-label:var(--product-bright);
}
html[data-business="logistics"][data-theme="dark"]{--background:#081c22;--surface:#102a32;--surface-elevated:#193a44;--surface-muted:#0c232b;--border:#31545d;--header-background:rgba(8,28,34,.95)}
html[data-business="ecommerce"][data-theme="dark"]{--background:#171324;--surface:#231b34;--surface-elevated:#302443;--surface-muted:#1d172c;--border:#4c3c65;--header-background:rgba(23,19,36,.95)}
html[data-business] .site-header .brand{flex-shrink:0}

html[data-business] :is(.btn-primary,.bf-primary){background:var(--brand-primary);color:var(--primary-foreground);border-color:transparent;box-shadow:0 3px 9px color-mix(in srgb,var(--brand-primary) 18%,transparent)}
html[data-business] :is(.btn-primary,.bf-primary):hover{background:var(--brand-primary-deep)}
html[data-business] :is(.btn-primary,.bf-primary):hover{color:#fff}
html[data-business] :is(.theme-menu,.mobile-theme) button[aria-pressed="true"]{background:var(--primary);color:var(--primary-foreground)}
html[data-business="logistics"] :is(.theme-menu,.mobile-theme) button[aria-pressed="true"] img{filter:none}
html[data-business] :is(.nav-link.current,.nav-link:hover,.btn-link,.inline-link){color:var(--product-accent)}
html[data-business] .nav-link.current:after{background:var(--brand-primary)}
html[data-business] .dropdown-panel a:hover{color:var(--product-accent);background:var(--surface-muted)}
html[data-business] :is(.logistics-hero-copy h1 span,.logistics-heading .eyebrow){color:var(--product-accent)}
html[data-business] :is(.logistics-platform,.logistics-cod,.logistics-enterprise,.logistics-final-inner,.ec-operation,.ec-final-inner,.bf-footer){--focus:var(--product-bright)}
html[data-business] :is(.logistics-platform,.logistics-cod,.logistics-enterprise,.logistics-final-inner) .eyebrow{color:var(--product-bright)}
html[data-business] .bf-secondary{color:#e2eafa}
html[data-business] .bf-social .social-link:hover{background:var(--brand-primary-deep);border-color:var(--brand-primary)}
html[data-business] .logistics-hero{background:var(--background)}
html[data-business="ecommerce"] .ecommerce-page{--ec-accent:var(--product-accent)}
html[data-business="ecommerce"] :is(.ec-operation,.ec-final-inner){--ec-accent:var(--product-bright)}



/* Shared header footprint; artwork retains its own proportions via object-fit. */
.site-header .brand-logo{aspect-ratio:1600/559}
.site-header :is(.brand-logo-logistics,.brand-logo-ecommerce){width:150px}
html[data-business] :is(.btn-primary,.bf-primary),html[data-business] :is(.btn-primary,.bf-primary) :is(span,svg,.icon){color:#fff}
@media(max-width:680px){.site-header :is(.brand-logo-logistics,.brand-logo-ecommerce){width:132px}}

/* Product footer accents follow the same palette as the page and closing CTA. */
html[data-business] .bf-footer :is(.bf-cta p,.bf-brand p,.bf-column>a,.bf-location,.bf-bottom p,.bf-legal button){color:color-mix(in srgb,var(--product-bright) 22%,white)}
html[data-business] .bf-footer :is(.bf-position,.bf-contact .icon,.bf-location .icon){color:var(--product-bright)}
html[data-business] .bf-footer :is(.bf-column>a,.bf-legal button):hover{color:#fff}
html[data-business] .bf-footer :is(a,button):focus-visible{outline-color:var(--product-bright)}