/* Colours sampled from supplied brandbook screenshot; approximate until master values are provided.
   Scoped accents only: no changes to bottle, pinning, parallax or chapter layouts. */
:root{--brand-corporate:#003f83;--brand-corporate-light:#3a85da;--brand-beauty:#870f23;--brand-beauty-light:#b8518e;--brand-consumer:#bd3e19;--brand-consumer-light:#f98548;--brand-healthcare:#60aae5;--brand-healthcare-light:#bbd3ee;--brand-spirits:#7e756d;--brand-spirits-light:#a0a0a0}
[data-brand-market="beauty"]{--market-accent:#870f23;--market-ink:#74152c;--market-wash:#f2e8ec;--market-line:#cda2b2;--market-shade:#431c2b}
[data-brand-market="spirits"]{--market-accent:#655d56;--market-ink:#514b46;--market-wash:#eeebe6;--market-line:#b9b1a8;--market-shade:#302c29}
[data-brand-market="healthcare"]{--market-accent:#003f83;--market-ink:#164867;--market-wash:#eaf1f8;--market-line:#91b7d7;--market-shade:#123e58}
[data-brand-market="consumer"]{--market-accent:#ad3919;--market-ink:#8d361e;--market-wash:#f8ece3;--market-line:#d7a182;--market-shade:#512d20}
/* Tabbed editorial: tint the copy surface, keep the photography natural. */
#markets[data-brand-market] .market-copy{background:var(--market-wash)!important;color:var(--market-ink)!important}
#markets[data-brand-market] .market-copy .pill{background:var(--market-accent)!important;color:#fff}
#markets[data-brand-market] .market-copy>.line-link{border-color:var(--market-line)}
.market-tabs button[data-brand-market][aria-selected="true"],.world-tabs button[data-brand-market][aria-selected="true"],.hero-worlds button[data-brand-market][aria-pressed="true"]{color:var(--market-ink)}
.market-tabs button[data-brand-market]:after,.world-tabs button[data-brand-market]:after{background:var(--market-accent)}
/* Cinematic market chapters keep white copy against a deeper, category-related shade. */
.world-panel[data-brand-market] .world-shade{background:linear-gradient(90deg,color-mix(in srgb,var(--market-shade) 85%,transparent),transparent 95%)}
.world-panel[data-brand-market] .world-actions .solid-button{background:var(--market-wash);color:var(--market-ink);border-color:var(--market-wash)}
/* Market gateways: a faint wash under the caption, category colour in the small details. */
:is(.market-gateway,.cs-market-grid>article,.me-market-grid>article)[data-brand-market]{background:linear-gradient(180deg,transparent 30%,var(--market-wash) 100%);padding-bottom:18px}
:is(.market-gateway,.cs-market-grid>article,.me-market-grid>article)[data-brand-market]>:is(h3,p,a:not(.gateway-image):not(.cs-market-image):not(.me-market-image),button){margin-left:14px;margin-right:14px}
:is(.market-gateway,.cs-market-grid>article,.me-market-grid>article)[data-brand-market]>:is(h3,a:not(.gateway-image):not(.cs-market-image):not(.me-market-image),button){color:var(--market-ink)}
:is(.market-gateway,.cs-market-grid>article,.me-market-grid>article)[data-brand-market]>:is(a,button):not(.gateway-image):not(.cs-market-image):not(.me-market-image){border-color:var(--market-line)}
.cs-market-grid>article[data-brand-market]>button.cs-text-link{width:calc(100% - 28px)}
:is(.gateway-image,.cs-market-image,.me-market-image)>span{background:#faf9f6}
[data-brand-market] :is(.gateway-image,.cs-market-image,.me-market-image)>span{background:var(--market-wash);color:var(--market-ink)}
.cs-detail-card[data-brand-market]{background:var(--market-wash);border-color:var(--market-line);color:var(--market-ink)}
/* Source-faithful category routes inherit the same quiet palette through their descendants. */
#cs-page[data-brand-market] .cs-page-heading{background:var(--market-wash);color:var(--market-ink)}
#cs-page[data-brand-market] .cs-detail-card{background:color-mix(in srgb,var(--market-wash) 60%,#faf9f6);border-color:var(--market-line)}
#cs-page[data-brand-market] :is(.cs-detail-card,.cs-page-bottom) :is(h2,h3,.cs-kicker,.cs-text-link){color:var(--market-ink)}
#cs-page[data-brand-market] .cs-button{background:var(--market-accent);color:white}
@media(max-width:600px){.world-panel[data-brand-market] .world-shade{background:linear-gradient(0deg,color-mix(in srgb,var(--market-shade) 92%,transparent),transparent 100%)}
:is(.market-gateway,.cs-market-grid>article,.me-market-grid>article)[data-brand-market]>:is(h3,p,a:not(.gateway-image):not(.cs-market-image):not(.me-market-image),button){margin-left:10px;margin-right:10px}
.cs-market-grid>article[data-brand-market]>button.cs-text-link{width:calc(100% - 20px)}}
