/* JOUD COLOUR STUDY — preserved A/B/C comparisons and selected final; explicit baseline remains untouched.
   Brand: cream #FFF9DF and burgundy #580929. All --ui-* neutrals are website proposals.
   Controlled comparison: colour/background/border-colour/outline-colour only. No geometry/type rules.
*/
html[data-colour-route]{
 --ui-brand:#580929; --ui-brand-cream:#FFF9DF;
 --ui-text:#242321; --ui-muted:#5D5A55; --ui-border:#D8D5CE; --ui-control-border:#77736B;
 --ui-focus:#580929; --ui-action:#580929; --ui-action-text:#FFF9DF;
 --ui-selected:#F3E9ED; --ui-disabled:#E9E8E4; --ui-error:#580929;
 --ui-canvas:#FFF9DF; --ui-surface:#FFF9DF; --ui-subtle:#F5EED7; --ui-media:#F3F2EE;
 --ui-story:#FFF9DF; --ui-header:#FFF9DF; --ui-footer:#FFF9DF;
 --ui-section:#FFF9DF; --ui-field:#FFFFFF;
}
html[data-colour-route="B"]{
 --ui-canvas:#FFFFFF; --ui-surface:#FFFFFF; --ui-subtle:#F5F5F3;
 --ui-story:#FFFFFF; --ui-header:#FFFFFF; --ui-footer:#FFFFFF; --ui-section:#FFFFFF;
}
html[data-colour-route="C"]{
 --ui-canvas:#FFF9DF; --ui-surface:#FFFFFF; --ui-subtle:#F5F5F3;
 --ui-story:#FFF9DF; --ui-header:#FFF9DF; --ui-footer:#FFFFFF; --ui-section:#FFFFFF;
}
html[data-colour-route="C"][data-colour-context="shopping"]{--ui-canvas:#FFFFFF}
html[data-colour-route],html[data-colour-route] body{background:var(--ui-canvas)!important;color:var(--ui-text)}
html[data-colour-route] :is(#siteCoffee,#siteCafe,.joud-bakery){color:var(--ui-text);--line:var(--ui-border);--line-strong:var(--ui-control-border);--joud-control-boundary:var(--ui-control-border)}
/* Shared navigation: retain every existing position, size, label and active marker. */
html[data-colour-route] :is(#siteCoffee .jc-header,#siteCoffee .jc-shop-menu,#siteCafe .hdr,#siteCafe .mmenu,#bakeryHeader,.bk-header,.bk-shop-menu,.service-line){background:var(--ui-header);color:var(--ui-text)}
html[data-colour-route] :is(#siteCoffee,#siteCafe,body.joud-bakery) .domainbar{background:var(--ui-header);border-bottom-color:var(--ui-border)}
html[data-colour-route] :is(#siteCoffee,#siteCafe,body.joud-bakery) .domainbar a,html[data-colour-route] :is(#siteCoffee,#siteCafe,body.joud-bakery) .domainbar .dot{color:var(--ui-muted)!important}
html[data-colour-route] :is(#siteCoffee,#siteCafe,body.joud-bakery) .domainbar a.cur{background:var(--ui-selected);color:var(--ui-brand)!important;border-color:var(--ui-brand)}
html[data-colour-route] :is(#siteCoffee,#siteCafe,body.joud-bakery) .domainbar a.cur:after{background:var(--ui-brand)}
html[data-colour-route] :is(#siteCoffee,#siteCafe,body.joud-bakery) .domainbar a:hover{background:var(--ui-subtle);color:var(--ui-brand)!important}
html[data-colour-route] :is(#siteCoffee,#siteCafe,body.joud-bakery) .domainbar a:focus-visible{outline-color:var(--ui-focus)}
/* Coffee: shopping surfaces, not image pixels or packaging. */
html[data-colour-route] #siteCoffee :is(.jc-section,.jc-bestsellers){background:var(--ui-section)}
html[data-colour-route] #siteCoffee :is(.jc-card-image,.jc-bestsellers .jc-card-image,.jc-pdp-image,.jc-category-image,.jc-cart-line img,.jc-search-result img,.jc-quiz-result img,.jc-photo-placeholder){background:var(--ui-media)}
html[data-colour-route] #siteCoffee :is(.jc-card-tag,.jc-sticky-buy,.jc-dialog,.jc-form-status){background:var(--ui-surface);color:var(--ui-text)}
html[data-colour-route] #siteCoffee :is(.jc-cart-footer,.jc-menu-feature,.jc-active-filters button,.jc-quiz-answer-summary li,.jc-sub-config,.jc-taste-profile,.jc-product-recipe,.jc-size-guide thead){background:var(--ui-subtle)}
html[data-colour-route] #siteCoffee :is(.jc-ritual,.jc-split,.jc-campaign,.jc-merch-editorial>div,.jc-finder-banner){background:var(--ui-story);color:var(--ui-text)}
html[data-colour-route] #siteCoffee :is(.jc-split,.jc-campaign,.jc-merch-editorial,.jc-finder-banner) :is(h2,.jc-eyebrow,.jc-text-link,.jc-text-link:hover){color:var(--ui-brand)}
html[data-colour-route] #siteCoffee :is(.jc-split,.jc-campaign,.jc-merch-editorial,.jc-finder-banner) :is(p,.jc-campaign-product span){color:var(--ui-muted)}
html[data-colour-route] #siteCoffee .jc-finder-drawing{color:var(--ui-brand)}
html[data-colour-route] #siteCoffee .jc-button.light{background:var(--ui-action);border-color:var(--ui-action);color:var(--ui-action-text)}
html[data-colour-route] #siteCoffee .jc-button.light:hover{background:var(--cherry-d)}
html[data-colour-route] #siteCoffee :is(.jc-quiz-option,.jc-quiz-shell .jc-quiz-option){background:var(--ui-surface)}
html[data-colour-route] #siteCoffee :is(.jc-quiz-option:hover,.jc-quiz-shell .jc-quiz-option:hover){background:var(--ui-subtle)}
html[data-colour-route] #siteCoffee :is(.jc-quiz-option[aria-pressed="true"],.jc-quiz-shell .jc-quiz-option[aria-pressed="true"],.jc-segment label:has(input:checked)){background:var(--ui-selected);border-color:var(--ui-brand)}
/* Purchase, account and form-heavy screens. */
html[data-colour-route] #siteCoffee :is(.jcc-panel,.jcc-address,.jcc-account-cards article){background:var(--ui-surface)}
html[data-colour-route] #siteCoffee :is(.jcc-notice,.jcc-summary,.jcc-signin-hint){background:var(--ui-subtle);color:var(--ui-text)}
html[data-colour-route] #siteCoffee .jcc-auth-story{background:var(--ui-story);color:var(--ui-text)}
html[data-colour-route] #siteCoffee .jcc-auth-story h2{color:var(--ui-brand)}
/* The approved original mark is dark; remove only the old dark-panel lightening filter. */
html[data-colour-route] #siteCoffee .jcc-auth-story img{filter:none}
html[data-colour-route] #siteCoffee .jcc-choice:has(input:checked){background:var(--ui-selected);border-color:var(--ui-brand)}
html[data-colour-route] :is(.jl-notice,.jl-empty,.jl-confirm,.jl-plan-list article){background:var(--ui-subtle);color:var(--ui-text)}
html[data-colour-route] :is(#siteCoffee .jc-select,#siteCoffee .jc-input,#siteCoffee .jc-textarea,#siteCoffee .jcc-field input,#siteCoffee .jcc-field select,#siteCoffee .jcc-field textarea,#siteCoffee .jc-field-search,.jl-field select,.jf-field input,.jf-field select,.jf-field textarea,body.joud-bakery input,body.joud-bakery textarea,body.joud-bakery select){background:var(--ui-field);color:var(--ui-text);border-color:var(--ui-control-border)}
html[data-colour-route] :is(input,select,textarea):disabled{background:var(--ui-disabled)!important;color:var(--ui-muted)!important}
html[data-colour-route] .joud-field-error{background:var(--ui-surface);color:var(--ui-error)}
/* Footer: quiet continuation; approved mark path is preserved in colour-only derivative. */
html[data-colour-route] .joud-footer{--jf-rule:var(--ui-border);--jf-muted:var(--ui-muted);background:var(--ui-footer);color:var(--ui-text)}
html[data-colour-route] .joud-footer :is(.jf-group summary,.jf-signup h2,.jf-social,.jf-family){color:var(--ui-brand)}
html[data-colour-route] :is(#siteCoffee,#siteCafe) .joud-footer .jf-signup h2{color:var(--ui-brand)}
html[data-colour-route] .joud-footer :is(.jf-link:hover,.jf-social:hover,.jf-legal button:hover){color:var(--ui-brand)}
html[data-colour-route] .joud-footer .jf-family{border-bottom-color:var(--ui-border)}
html[data-colour-route] .joud-footer :is(a,button,summary):focus-visible{outline-color:var(--ui-focus)}
html[data-colour-route] .joud-footer .jf-newsletter{background:var(--ui-field);border-color:var(--ui-control-border)}
html[data-colour-route] .joud-footer .jf-newsletter button{background:var(--ui-field);border-left-color:var(--ui-control-border);color:var(--ui-brand)}
html[data-colour-route] .joud-footer .jf-newsletter button:hover{background:var(--ui-subtle)}
html[data-colour-route] .joud-footer .jf-social:hover .jf-social-icon{background:var(--ui-selected);color:var(--ui-brand)}
html[data-colour-route] .bakery-disclosure{color:var(--ui-muted)}
html[data-colour-route] :is(.jf-dialog,.jf-close){background:var(--ui-surface);color:var(--ui-text)}
html[data-colour-route] .jf-dialog .jf-form-status{background:var(--ui-subtle)}
/* Bakery uses the same roles, while decorative cake/flavour preview colours remain product content. */
html[data-colour-route] .joud-bakery :is(.bk-preview,.bk-warning,.bc-notice,.bc-summary,.bk-drawer-summary){background:var(--ui-subtle);color:var(--ui-text)}
html[data-colour-route] .joud-bakery :is(.bk-section,.bk-review,.bc-page){background:var(--ui-section)}
html[data-colour-route] .joud-bakery :is(.bk-card-image,.bk-pdp-image,.bk-line-image img,.bk-campaign>div:first-child){background:var(--ui-media)}
html[data-colour-route] .joud-bakery :is(dialog,.bk-sticky-buy,.bk-tag,.bc-dashboard-card,.bc-address-list>article){background:var(--ui-surface);color:var(--ui-text)}
html[data-colour-route] .joud-bakery :is(.bk-campaign,.bk-birthday-hero){background:var(--ui-story);color:var(--ui-text)}
html[data-colour-route] .joud-bakery .bk-campaign h2{color:var(--ui-brand)}
html[data-colour-route] .joud-bakery .bk-campaign .button{background:var(--ui-action);color:var(--ui-action-text);border-color:var(--ui-action)}
html[data-colour-route] .joud-bakery :is(.bk-cake-preview,.bk-card-preview){background:var(--ui-subtle)}
html[data-colour-route] .joud-bakery :is(.bk-breadcrumb,.bk-line-config dt){color:var(--ui-muted)}
/* Café/shared non-store pages: preserve photography, recolour interface surfaces only. */
html[data-colour-route] #siteCafe :is(.home-bridge,.rw-banner,.rw-hero,.cf-dialog,.rw-modal-body){background:var(--ui-story)!important;color:var(--ui-text)}
html[data-colour-route] #siteCafe .rw-banner :is(.kick,h2){color:var(--ui-brand)}
html[data-colour-route] #siteCafe :is(.cf-menu-art,.cf-location-art,.ld-mapph,.fy-img){background:var(--ui-media)!important;color:var(--ui-brand)!important}
html[data-colour-route] #siteCafe :is(.minfo,.cf-language-note,.hb-caption,.hero-cap,.hero-ph-tag){background:var(--ui-subtle);color:var(--ui-text)}
html[data-colour-route] #siteCafe :is(.mnav,.mlb-x,.rw-close){background:var(--ui-surface);color:var(--ui-brand)}
html[data-colour-route] #siteCafe :is(.winput,.wselect,.wtext){background:var(--ui-field);border-color:var(--ui-control-border);color:var(--ui-text)}
html[data-colour-route] #siteCafe #page-catering{--c2-line:var(--ui-border);--c2-surface:var(--ui-surface);--c2-muted:var(--ui-muted);--c2-tint:var(--ui-subtle)}
html[data-colour-route] #siteCafe #page-catering :is(input,select,textarea){background:var(--ui-field);color:var(--ui-text);border-color:var(--ui-control-border)}

/* FINAL — selected C refinement. Initial A/B/C blocks above remain unchanged.
   White outer canvas prevents incidental cream voids; cream belongs to content-bearing stories/header. */
html[data-colour-route][data-colour-route="final"]{
 --ui-canvas:#F7F3EC; --ui-surface:#FFFFFF; --ui-subtle:#F5F5F3;
 --ui-story:#FFF9DF; --ui-header:#FFF9DF; --ui-footer:#FFFFFF; --ui-section:#F7F3EC;
}
html[data-colour-route][data-colour-route="final"] #siteCoffee .jc-home-story{background:var(--ui-story)}

/* D/E accent-led editorial alternatives. Existing baseline/A/B/C/final rules above preserved. */
html[data-colour-route="D"],html[data-colour-route="E"]{
 --ui-canvas:#FFFFFF;--ui-surface:#FFFFFF;--ui-subtle:#F5F5F3;
 --ui-story:#FFF9DF;--ui-header:#FFF9DF;--ui-footer:#FFFFFF;--ui-section:#FFFFFF;
 --accent-intro:#FFC878;--accent-campaign:#F38441;--accent-campaign-text:#580929;
 --accent-merch:#FFF9DF;--accent-community:#F38441;--accent-on-light:#580929;
}
html[data-colour-route="E"]{
 --accent-intro:#A9CAEE;--accent-campaign:#156F35;--accent-campaign-text:#FFFFFF;
 --accent-merch:#B3CD8E;--accent-community:#B3CD8E;
}
html[data-colour-route]:is([data-colour-route="D"],[data-colour-route="E"]) #siteCoffee :is(.jc-campaign-label,.jc-discovery-strip,.jc-finder-banner){background:var(--accent-intro);color:var(--accent-on-light)}
html[data-colour-route]:is([data-colour-route="D"],[data-colour-route="E"]) #siteCoffee .jc-campaign-copy{background:var(--accent-campaign);color:var(--accent-campaign-text)}
html[data-colour-route]:is([data-colour-route="D"],[data-colour-route="E"]) #siteCoffee .jc-campaign-copy :is(h2,p,.jc-eyebrow,.jc-campaign-product span){color:var(--accent-campaign-text)}
html[data-colour-route]:is([data-colour-route="D"],[data-colour-route="E"]) #siteCoffee .jc-merch-editorial>div{background:var(--accent-merch);color:var(--accent-on-light)}
html[data-colour-route]:is([data-colour-route="D"],[data-colour-route="E"]) #siteCoffee .jc-home-story{background:var(--accent-community);color:var(--accent-on-light)}
html[data-colour-route]:is([data-colour-route="D"],[data-colour-route="E"]) #siteCoffee :is(.jc-home-story,.jc-finder-banner) :is(p,h2,.jc-eyebrow,.jc-text-link){color:var(--accent-on-light)}
html[data-colour-route="E"] #siteCoffee .jc-campaign-copy .jc-button.light{background:#FFFFFF;color:#580929;border-color:#FFFFFF}
html[data-colour-route="E"] #siteCoffee .jc-campaign-copy .jc-button.light:hover{background:#FFF9DF;color:#580929;border-color:#FFF9DF}
html[data-colour-route="E"] #siteCoffee .jc-campaign-copy :focus-visible{outline-color:#FFFFFF}
html[data-colour-route]:is([data-colour-route="D"],[data-colour-route="E"]) #siteCoffee :is(.jc-discovery-strip,.jc-finder-banner,.jc-home-story,.jc-merch-editorial>div){--ui-control-border:#580929;--ui-muted:#580929;--ui-focus:#580929}
html[data-colour-route]:is([data-colour-route="D"],[data-colour-route="E"]) #siteCoffee .jc-discovery-strip>span{color:#580929}
html[data-colour-route]:is([data-colour-route="D"],[data-colour-route="E"]) #siteCoffee .jc-campaign-copy{--ui-control-border:var(--accent-campaign-text);--ui-muted:var(--accent-campaign-text);--ui-focus:var(--accent-campaign-text)}

/* Selected FINAL: E editorial accents, no tiny hero-label backplate. Initial D/E preserved. */
html[data-colour-route][data-colour-route="final"]{
 --accent-intro:#A9CAEE;--accent-campaign:#156F35;--accent-campaign-text:#FFFFFF;
 --accent-merch:#B3CD8E;--accent-community:#B3CD8E;--accent-on-light:#580929;
}
html[data-colour-route][data-colour-route="final"] #siteCoffee :is(.jc-discovery-strip,.jc-finder-banner){background:var(--accent-intro);color:var(--accent-on-light)}
html[data-colour-route][data-colour-route="final"] #siteCoffee .jc-campaign-copy{background:var(--accent-campaign);color:var(--accent-campaign-text)}
html[data-colour-route][data-colour-route="final"] #siteCoffee .jc-campaign-copy :is(h2,p,.jc-eyebrow,.jc-campaign-product span){color:var(--accent-campaign-text)}
html[data-colour-route][data-colour-route="final"] #siteCoffee .jc-merch-editorial>div{background:var(--accent-merch);color:var(--accent-on-light)}
html[data-colour-route][data-colour-route="final"] #siteCoffee .jc-home-story{background:var(--accent-community);color:var(--accent-on-light)}
html[data-colour-route][data-colour-route="final"] #siteCoffee :is(.jc-home-story,.jc-finder-banner) :is(p,h2,.jc-eyebrow,.jc-text-link){color:var(--accent-on-light)}
html[data-colour-route][data-colour-route="final"] #siteCoffee .jc-campaign-copy .jc-button.light{background:#FFFFFF;color:#580929;border-color:#FFFFFF}
html[data-colour-route][data-colour-route="final"] #siteCoffee .jc-campaign-copy .jc-button.light:hover{background:#FFF9DF;color:#580929;border-color:#FFF9DF}
html[data-colour-route][data-colour-route="final"] #siteCoffee .jc-campaign-copy :focus-visible{outline-color:#FFFFFF}
html[data-colour-route][data-colour-route="final"] #siteCoffee :is(.jc-discovery-strip,.jc-finder-banner,.jc-home-story,.jc-merch-editorial>div){--ui-control-border:#580929;--ui-muted:#580929;--ui-focus:#580929}
html[data-colour-route][data-colour-route="final"] #siteCoffee .jc-discovery-strip>span{color:#580929}
html[data-colour-route][data-colour-route="final"] #siteCoffee .jc-campaign-copy{--ui-control-border:var(--accent-campaign-text);--ui-muted:var(--accent-campaign-text);--ui-focus:var(--accent-campaign-text)}
/* Selective cross-family editorial accents; photo, provider and reward artwork untouched. */
html[data-colour-route][data-colour-route="final"] #siteCafe :is(.cf-intent-bar,.cf-delivery-hero .cf-editorial-copy){background:#A9CAEE;color:#580929;--ui-control-border:#580929;--ui-focus:#580929}
html[data-colour-route][data-colour-route="final"] #siteCafe .cf-rewards-hero .cf-editorial-copy{background:#B3CD8E;color:#580929;--ui-control-border:#580929;--ui-focus:#580929}
html[data-colour-route][data-colour-route="final"] #siteCafe :is(.cf-delivery-hero,.cf-rewards-hero) .cf-editorial-copy :is(.kick,h2,p,small){color:#580929}
html[data-colour-route][data-colour-route="final"] #siteCafe .cf-intent-bar>span{color:#580929}
html[data-colour-route][data-colour-route="final"] .joud-bakery .bk-campaign-copy{background:#A9CAEE;color:#580929;--ui-control-border:#580929;--ui-focus:#580929}
html[data-colour-route][data-colour-route="final"] .joud-bakery .bk-campaign-copy :is(h2,p,.eyebrow,small){color:#580929}
html[data-colour-route][data-colour-route="final"] .joud-bakery .bk-craft>div{background:#156F35;color:#FFFFFF;--ui-control-border:#FFFFFF;--ui-focus:#FFFFFF}
html[data-colour-route][data-colour-route="final"] .joud-bakery .bk-craft>div :is(h2,p,.eyebrow,small,a){color:#FFFFFF}
html[data-colour-route][data-colour-route="final"] .joud-bakery .bk-craft>div .button{background:#FFFFFF;color:#580929;border-color:#FFFFFF}
html[data-colour-route][data-colour-route="final"] .joud-bakery .bk-craft>div :focus-visible{outline-color:#FFFFFF}

/* F/G/H: E-family dark anchors, no chosen default. Ink/lilac are proposals. */
html[data-colour-route]:is([data-colour-route="F"],[data-colour-route="G"],[data-colour-route="H"]){
 --ui-canvas:#FFFFFF; --ui-surface:#FFFFFF; --ui-subtle:#F5F5F3;
 --ui-story:#FFF9DF; --ui-header:#FFF9DF; --ui-footer:#FFFFFF; --ui-section:#FFFFFF;
}
html[data-colour-route]:is([data-colour-route="F"],[data-colour-route="G"],[data-colour-route="H"]) #siteCoffee .jc-home-story{background:var(--ui-story)}
html[data-colour-route]:is([data-colour-route="F"],[data-colour-route="G"],[data-colour-route="H"]){
 --accent-intro:#A9CAEE;--accent-campaign:#156F35;--accent-campaign-text:#FFFFFF;
 --accent-merch:#B3CD8E;--accent-community:#B3CD8E;--accent-on-light:#580929;
}
html[data-colour-route]:is([data-colour-route="F"],[data-colour-route="G"],[data-colour-route="H"]) #siteCoffee :is(.jc-discovery-strip,.jc-finder-banner){background:var(--accent-intro);color:var(--accent-on-light)}
html[data-colour-route]:is([data-colour-route="F"],[data-colour-route="G"],[data-colour-route="H"]) #siteCoffee .jc-campaign-copy{background:var(--accent-campaign);color:var(--accent-campaign-text)}
html[data-colour-route]:is([data-colour-route="F"],[data-colour-route="G"],[data-colour-route="H"]) #siteCoffee .jc-campaign-copy :is(h2,p,.jc-eyebrow,.jc-campaign-product span){color:var(--accent-campaign-text)}
html[data-colour-route]:is([data-colour-route="F"],[data-colour-route="G"],[data-colour-route="H"]) #siteCoffee .jc-merch-editorial>div{background:var(--accent-merch);color:var(--accent-on-light)}
html[data-colour-route]:is([data-colour-route="F"],[data-colour-route="G"],[data-colour-route="H"]) #siteCoffee .jc-home-story{background:var(--accent-community);color:var(--accent-on-light)}
html[data-colour-route]:is([data-colour-route="F"],[data-colour-route="G"],[data-colour-route="H"]) #siteCoffee :is(.jc-home-story,.jc-finder-banner) :is(p,h2,.jc-eyebrow,.jc-text-link){color:var(--accent-on-light)}
html[data-colour-route]:is([data-colour-route="F"],[data-colour-route="G"],[data-colour-route="H"]) #siteCoffee .jc-campaign-copy .jc-button.light{background:#FFFFFF;color:#580929;border-color:#FFFFFF}
html[data-colour-route]:is([data-colour-route="F"],[data-colour-route="G"],[data-colour-route="H"]) #siteCoffee .jc-campaign-copy .jc-button.light:hover{background:#FFF9DF;color:#580929;border-color:#FFF9DF}
html[data-colour-route]:is([data-colour-route="F"],[data-colour-route="G"],[data-colour-route="H"]) #siteCoffee .jc-campaign-copy :focus-visible{outline-color:#FFFFFF}
html[data-colour-route]:is([data-colour-route="F"],[data-colour-route="G"],[data-colour-route="H"]) #siteCoffee :is(.jc-discovery-strip,.jc-finder-banner,.jc-home-story,.jc-merch-editorial>div){--ui-control-border:#580929;--ui-muted:#580929;--ui-focus:#580929}
html[data-colour-route]:is([data-colour-route="F"],[data-colour-route="G"],[data-colour-route="H"]) #siteCoffee .jc-discovery-strip>span{color:#580929}
html[data-colour-route]:is([data-colour-route="F"],[data-colour-route="G"],[data-colour-route="H"]) #siteCoffee .jc-campaign-copy{--ui-control-border:var(--accent-campaign-text);--ui-muted:var(--accent-campaign-text);--ui-focus:var(--accent-campaign-text)}
html[data-colour-route]:is([data-colour-route="F"],[data-colour-route="G"],[data-colour-route="H"]) #siteCafe :is(.cf-intent-bar,.cf-delivery-hero .cf-editorial-copy){background:#A9CAEE;color:#580929;--ui-control-border:#580929;--ui-focus:#580929}
html[data-colour-route]:is([data-colour-route="F"],[data-colour-route="G"],[data-colour-route="H"]) #siteCafe .cf-rewards-hero .cf-editorial-copy{background:#B3CD8E;color:#580929;--ui-control-border:#580929;--ui-focus:#580929}
html[data-colour-route]:is([data-colour-route="F"],[data-colour-route="G"],[data-colour-route="H"]) #siteCafe :is(.cf-delivery-hero,.cf-rewards-hero) .cf-editorial-copy :is(.kick,h2,p,small){color:#580929}
html[data-colour-route]:is([data-colour-route="F"],[data-colour-route="G"],[data-colour-route="H"]) #siteCafe .cf-intent-bar>span{color:#580929}
html[data-colour-route]:is([data-colour-route="F"],[data-colour-route="G"],[data-colour-route="H"]) .joud-bakery .bk-campaign-copy{background:#A9CAEE;color:#580929;--ui-control-border:#580929;--ui-focus:#580929}
html[data-colour-route]:is([data-colour-route="F"],[data-colour-route="G"],[data-colour-route="H"]) .joud-bakery .bk-campaign-copy :is(h2,p,.eyebrow,small){color:#580929}
html[data-colour-route]:is([data-colour-route="F"],[data-colour-route="G"],[data-colour-route="H"]) .joud-bakery .bk-craft>div{background:#156F35;color:#FFFFFF;--ui-control-border:#FFFFFF;--ui-focus:#FFFFFF}
html[data-colour-route]:is([data-colour-route="F"],[data-colour-route="G"],[data-colour-route="H"]) .joud-bakery .bk-craft>div :is(h2,p,.eyebrow,small,a){color:#FFFFFF}
html[data-colour-route]:is([data-colour-route="F"],[data-colour-route="G"],[data-colour-route="H"]) .joud-bakery .bk-craft>div .button{background:#FFFFFF;color:#580929;border-color:#FFFFFF}
html[data-colour-route]:is([data-colour-route="F"],[data-colour-route="G"],[data-colour-route="H"]) .joud-bakery .bk-craft>div :focus-visible{outline-color:#FFFFFF}
html[data-colour-route][data-colour-route="F"]{--ui-header:#580929;--ui-footer:#580929;--frame-text:#FFF9DF;--footer-text:#FFF9DF;--frame-selected:rgba(255,249,223,.12);--frame-line:#FFF9DF;--footer-field:#FFF9DF}
html[data-colour-route][data-colour-route="G"]{--ui-header:#156F35;--ui-footer:#B3CD8E;--frame-text:#FFFFFF;--footer-text:#580929;--frame-selected:rgba(255,255,255,.04);--frame-line:#FFFFFF;--footer-field:#FFFFFF}
html[data-colour-route][data-colour-route="H"]{--ui-header:#172D36;--ui-footer:#172D36;--frame-text:#FFFFFF;--footer-text:#FFF9DF;--frame-selected:rgba(255,255,255,.12);--frame-line:#FFFFFF;--footer-field:#FFF9DF;--accent-community:#D8CDEA}
html[data-colour-route]:is([data-colour-route="F"],[data-colour-route="G"],[data-colour-route="H"]) :is(#siteCoffee .jc-header,#siteCoffee .jc-shop-menu,#siteCoffee .jc-menu-dialog,#siteCafe .hdr,#siteCafe .mmenu,.joud-bakery .bk-header,.joud-bakery .bk-shop-menu){background:var(--ui-header);color:var(--frame-text);--line:var(--frame-line);--ui-focus:var(--frame-text)}
html[data-colour-route]:is([data-colour-route="F"],[data-colour-route="G"],[data-colour-route="H"]) :is(#siteCoffee .jc-header,#siteCoffee .jc-shop-menu,#siteCoffee .jc-menu-dialog,#siteCafe .hdr,#siteCafe .mmenu,.joud-bakery .bk-header,.joud-bakery .bk-shop-menu) :is(a,button,h2,h3,p,span,small){color:var(--frame-text)}
html[data-colour-route]:is([data-colour-route="F"],[data-colour-route="G"],[data-colour-route="H"]) :is(#siteCoffee .jc-header,#siteCoffee .jc-shop-menu,#siteCoffee .jc-menu-dialog,#siteCafe .hdr,#siteCafe .mmenu,.joud-bakery .bk-header,.joud-bakery .bk-shop-menu) :focus-visible{outline-color:var(--frame-text)}
html[data-colour-route]:is([data-colour-route="F"],[data-colour-route="G"],[data-colour-route="H"]) #siteCoffee .jc-shop-menu .jc-menu-feature{background:var(--frame-selected);color:var(--frame-text)}
html[data-colour-route]:is([data-colour-route="F"],[data-colour-route="G"],[data-colour-route="H"]) :is(#siteCoffee .jc-header,#siteCafe .hdr) :is(.jc-icon,.icon-btn):hover{background:var(--frame-selected)}
html[data-colour-route]:is([data-colour-route="F"],[data-colour-route="G"],[data-colour-route="H"]) :is(#siteCoffee .jc-header .jc-nav,#siteCafe .hdr .nav-links) a:after{background:var(--frame-text)}
html[data-colour-route]:is([data-colour-route="F"],[data-colour-route="G"],[data-colour-route="H"]) #siteCoffee .jc-header .jc-cart-count{background:var(--frame-text);color:var(--ui-header)}
html[data-colour-route]:is([data-colour-route="F"],[data-colour-route="G"],[data-colour-route="H"]) :is(#siteCoffee,#siteCafe,body.joud-bakery) .domainbar a{color:var(--frame-text)!important}
html[data-colour-route]:is([data-colour-route="F"],[data-colour-route="G"],[data-colour-route="H"]) :is(#siteCoffee,#siteCafe,body.joud-bakery) .domainbar :is(a.cur,a:hover){background:var(--frame-selected);color:var(--frame-text)!important}
html[data-colour-route]:is([data-colour-route="F"],[data-colour-route="G"],[data-colour-route="H"]) :is(#siteCoffee,#siteCafe,body.joud-bakery) .domainbar a.cur:after{background:var(--frame-text)}
html[data-colour-route]:is([data-colour-route="F"],[data-colour-route="G"],[data-colour-route="H"]) :is(#siteCoffee,#siteCafe,body.joud-bakery) .domainbar a:focus-visible{outline-color:var(--frame-text)}
html[data-colour-route]:is([data-colour-route="F"],[data-colour-route="G"],[data-colour-route="H"]) .joud-footer{color:var(--footer-text);--jf-muted:var(--footer-text);--jf-rule:var(--footer-text);--ui-border:var(--footer-text);--ui-focus:var(--footer-text);--ui-control-border:#580929}
html[data-colour-route]:is([data-colour-route="F"],[data-colour-route="G"],[data-colour-route="H"]) :is(#siteCoffee,#siteCafe,body.joud-bakery) .joud-footer :is(.jf-group summary,.jf-signup h2,.jf-social,.jf-family,.jf-link:hover,.jf-social:hover,.jf-legal button:hover,.bakery-disclosure){color:var(--footer-text)}
html[data-colour-route]:is([data-colour-route="F"],[data-colour-route="G"],[data-colour-route="H"]) .joud-footer :is(a,button,summary):focus-visible{outline-color:var(--footer-text)}
html[data-colour-route]:is([data-colour-route="F"],[data-colour-route="G"],[data-colour-route="H"]) .joud-footer .jf-newsletter{background:var(--footer-field);border-color:var(--footer-text)}
html[data-colour-route]:is([data-colour-route="F"],[data-colour-route="G"],[data-colour-route="H"]) .joud-footer .jf-newsletter :is(input,button){background:var(--footer-field);color:#580929}
html[data-colour-route]:is([data-colour-route="F"],[data-colour-route="G"],[data-colour-route="H"]) .joud-footer .jf-newsletter button:hover{background:#FFFFFF;color:#580929}
html[data-colour-route]:is([data-colour-route="F"],[data-colour-route="G"],[data-colour-route="H"]) .joud-footer .jf-newsletter :is(input,button):focus-visible{outline-color:#580929}
html[data-colour-route]:is([data-colour-route="F"],[data-colour-route="G"],[data-colour-route="H"]) .joud-footer .jf-newsletter-status{color:#580929}
html[data-colour-route]:is([data-colour-route="F"],[data-colour-route="G"],[data-colour-route="H"]) .joud-footer .jf-social:hover .jf-social-icon{background:var(--footer-text);color:var(--ui-footer)}

/* Selected FINAL F frame; comparison F/G/H remains unchanged. */
html[data-colour-route][data-colour-route="final"]{--ui-header:#580929;--ui-footer:#580929;--frame-text:#FFF9DF;--footer-text:#FFF9DF;--frame-selected:rgba(255,249,223,.12);--frame-line:#FFF9DF;--footer-field:#FFF9DF;--ui-footer-divider:rgba(255,249,223,.24)}
html[data-colour-route][data-colour-route="final"] :is(#siteCoffee .jc-header,#siteCoffee .jc-shop-menu,#siteCoffee .jc-menu-dialog,#siteCafe .hdr,#siteCafe .mmenu,.joud-bakery .bk-header,.joud-bakery .bk-shop-menu){background:var(--ui-header);color:var(--frame-text);--line:var(--frame-line);--ui-focus:var(--frame-text)}
html[data-colour-route][data-colour-route="final"] :is(#siteCoffee .jc-header,#siteCoffee .jc-shop-menu,#siteCoffee .jc-menu-dialog,#siteCafe .hdr,#siteCafe .mmenu,.joud-bakery .bk-header,.joud-bakery .bk-shop-menu) :is(a,button,h2,h3,p,span,small){color:var(--frame-text)}
html[data-colour-route][data-colour-route="final"] :is(#siteCoffee .jc-header,#siteCoffee .jc-shop-menu,#siteCoffee .jc-menu-dialog,#siteCafe .hdr,#siteCafe .mmenu,.joud-bakery .bk-header,.joud-bakery .bk-shop-menu) :focus-visible{outline-color:var(--frame-text)}
html[data-colour-route][data-colour-route="final"] #siteCoffee .jc-shop-menu .jc-menu-feature{background:var(--frame-selected);color:var(--frame-text)}
html[data-colour-route][data-colour-route="final"] :is(#siteCoffee .jc-header,#siteCafe .hdr) :is(.jc-icon,.icon-btn):hover{background:var(--frame-selected)}
html[data-colour-route][data-colour-route="final"] :is(#siteCoffee .jc-header .jc-nav,#siteCafe .hdr .nav-links) a:after{background:var(--frame-text)}
html[data-colour-route][data-colour-route="final"] #siteCoffee .jc-header .jc-cart-count{background:var(--frame-text);color:var(--ui-header)}
html[data-colour-route][data-colour-route="final"] :is(#siteCoffee,#siteCafe,body.joud-bakery) .domainbar a{color:var(--frame-text)!important}
html[data-colour-route][data-colour-route="final"] :is(#siteCoffee,#siteCafe,body.joud-bakery) .domainbar :is(a.cur,a:hover){background:var(--frame-selected);color:var(--frame-text)!important}
html[data-colour-route][data-colour-route="final"] :is(#siteCoffee,#siteCafe,body.joud-bakery) .domainbar a.cur:after{background:var(--frame-text)}
html[data-colour-route][data-colour-route="final"] :is(#siteCoffee,#siteCafe,body.joud-bakery) .domainbar a:focus-visible{outline-color:var(--frame-text)}
html[data-colour-route][data-colour-route="final"] .joud-footer{color:var(--footer-text);--jf-muted:var(--footer-text);--jf-rule:var(--footer-text);--ui-border:var(--footer-text);--ui-focus:var(--footer-text);--ui-control-border:#580929}
html[data-colour-route][data-colour-route="final"] :is(#siteCoffee,#siteCafe,body.joud-bakery) .joud-footer :is(.jf-group summary,.jf-signup h2,.jf-social,.jf-family,.jf-link:hover,.jf-social:hover,.jf-legal button:hover,.bakery-disclosure){color:var(--footer-text)}
html[data-colour-route][data-colour-route="final"] .joud-footer :is(a,button,summary):focus-visible{outline-color:var(--footer-text)}
html[data-colour-route][data-colour-route="final"] .joud-footer .jf-newsletter{background:var(--footer-field);border-color:var(--footer-text)}
html[data-colour-route][data-colour-route="final"] .joud-footer .jf-newsletter :is(input,button){background:var(--footer-field);color:#580929}
html[data-colour-route][data-colour-route="final"] .joud-footer .jf-newsletter button:hover{background:#FFFFFF;color:#580929}
html[data-colour-route][data-colour-route="final"] .joud-footer .jf-newsletter :is(input,button):focus-visible{outline-color:#580929}
html[data-colour-route][data-colour-route="final"] .joud-footer .jf-newsletter-status{color:#580929}
html[data-colour-route][data-colour-route="final"] .joud-footer .jf-social:hover .jf-social-icon{background:var(--footer-text);color:var(--ui-footer)}
/* Decorative section rules only: functional fields, social bounds and focus remain unchanged. */
html[data-colour-route][data-colour-route="final"] .joud-footer :is(.jf-family,.jf-group){border-bottom-color:var(--ui-footer-divider)}
html[data-colour-route][data-colour-route="final"] .joud-footer .jf-nav{border-top-color:var(--ui-footer-divider)}
html[data-colour-route][data-colour-route="final"] :is(#coffee-footer,#cafe-footer,#bakery-footer) .jf-bottom{border-top-color:var(--ui-footer-divider)}
/* Final-only Bakery mobile navigation: stable menu ID, never basket/quick-view/form dialogs. */
html[data-colour-route][data-colour-route="final"] .joud-bakery #mobileMenu{background:#580929;color:#FFF9DF;--line:rgba(255,249,223,.24);--ui-focus:#FFF9DF}
html[data-colour-route][data-colour-route="final"] .joud-bakery #mobileMenu :is(h2,a,button,.dialog-note){color:#FFF9DF}
html[data-colour-route][data-colour-route="final"] .joud-bakery #mobileMenu :is(a,button):focus-visible{outline-color:#FFF9DF}
html[data-colour-route][data-colour-route="final"] .joud-bakery #mobileMenu :is(a,button):hover{background:rgba(255,249,223,.12);color:#FFF9DF}
/* User-selected exact primary cream footer. Dark burgundy navigation is unchanged. */
html[data-colour-route][data-colour-route="final"]{--ui-footer:#FFF9DF;--footer-text:#580929;--footer-field:#FFFFFF;--ui-footer-divider:rgba(88,9,41,.24)}

/* Green-panel replacement comparisons: I/J deck colours; K/L proposed colours. Same final foundation. */
html[data-colour-route]:is([data-colour-route="I"],[data-colour-route="J"],[data-colour-route="K"],[data-colour-route="L"]){
 --ui-canvas:#FFFFFF; --ui-surface:#FFFFFF; --ui-subtle:#F5F5F3;
 --ui-story:#FFF9DF; --ui-header:#FFF9DF; --ui-footer:#FFFFFF; --ui-section:#FFFFFF;
}
html[data-colour-route]:is([data-colour-route="I"],[data-colour-route="J"],[data-colour-route="K"],[data-colour-route="L"]) #siteCoffee .jc-home-story{background:var(--ui-story)}
html[data-colour-route]:is([data-colour-route="I"],[data-colour-route="J"],[data-colour-route="K"],[data-colour-route="L"]){
 --accent-intro:#A9CAEE;--accent-campaign:#156F35;--accent-campaign-text:#FFFFFF;
 --accent-merch:#B3CD8E;--accent-community:#B3CD8E;--accent-on-light:#580929;
}
html[data-colour-route]:is([data-colour-route="I"],[data-colour-route="J"],[data-colour-route="K"],[data-colour-route="L"]) #siteCoffee :is(.jc-discovery-strip,.jc-finder-banner){background:var(--accent-intro);color:var(--accent-on-light)}
html[data-colour-route]:is([data-colour-route="I"],[data-colour-route="J"],[data-colour-route="K"],[data-colour-route="L"]) #siteCoffee .jc-campaign-copy{background:var(--accent-campaign);color:var(--accent-campaign-text)}
html[data-colour-route]:is([data-colour-route="I"],[data-colour-route="J"],[data-colour-route="K"],[data-colour-route="L"]) #siteCoffee .jc-campaign-copy :is(h2,p,.jc-eyebrow,.jc-campaign-product span){color:var(--accent-campaign-text)}
html[data-colour-route]:is([data-colour-route="I"],[data-colour-route="J"],[data-colour-route="K"],[data-colour-route="L"]) #siteCoffee .jc-merch-editorial>div{background:var(--accent-merch);color:var(--accent-on-light)}
html[data-colour-route]:is([data-colour-route="I"],[data-colour-route="J"],[data-colour-route="K"],[data-colour-route="L"]) #siteCoffee .jc-home-story{background:var(--accent-community);color:var(--accent-on-light)}
html[data-colour-route]:is([data-colour-route="I"],[data-colour-route="J"],[data-colour-route="K"],[data-colour-route="L"]) #siteCoffee :is(.jc-home-story,.jc-finder-banner) :is(p,h2,.jc-eyebrow,.jc-text-link){color:var(--accent-on-light)}
html[data-colour-route]:is([data-colour-route="I"],[data-colour-route="J"],[data-colour-route="K"],[data-colour-route="L"]) #siteCoffee .jc-campaign-copy .jc-button.light{background:#FFFFFF;color:#580929;border-color:#FFFFFF}
html[data-colour-route]:is([data-colour-route="I"],[data-colour-route="J"],[data-colour-route="K"],[data-colour-route="L"]) #siteCoffee .jc-campaign-copy .jc-button.light:hover{background:#FFF9DF;color:#580929;border-color:#FFF9DF}
html[data-colour-route]:is([data-colour-route="I"],[data-colour-route="J"],[data-colour-route="K"],[data-colour-route="L"]) #siteCoffee .jc-campaign-copy :focus-visible{outline-color:#FFFFFF}
html[data-colour-route]:is([data-colour-route="I"],[data-colour-route="J"],[data-colour-route="K"],[data-colour-route="L"]) #siteCoffee :is(.jc-discovery-strip,.jc-finder-banner,.jc-home-story,.jc-merch-editorial>div){--ui-control-border:#580929;--ui-muted:#580929;--ui-focus:#580929}
html[data-colour-route]:is([data-colour-route="I"],[data-colour-route="J"],[data-colour-route="K"],[data-colour-route="L"]) #siteCoffee .jc-discovery-strip>span{color:#580929}
html[data-colour-route]:is([data-colour-route="I"],[data-colour-route="J"],[data-colour-route="K"],[data-colour-route="L"]) #siteCoffee .jc-campaign-copy{--ui-control-border:var(--accent-campaign-text);--ui-muted:var(--accent-campaign-text);--ui-focus:var(--accent-campaign-text)}
html[data-colour-route]:is([data-colour-route="I"],[data-colour-route="J"],[data-colour-route="K"],[data-colour-route="L"]) #siteCafe :is(.cf-intent-bar,.cf-delivery-hero .cf-editorial-copy){background:#A9CAEE;color:#580929;--ui-control-border:#580929;--ui-focus:#580929}
html[data-colour-route]:is([data-colour-route="I"],[data-colour-route="J"],[data-colour-route="K"],[data-colour-route="L"]) #siteCafe .cf-rewards-hero .cf-editorial-copy{background:#B3CD8E;color:#580929;--ui-control-border:#580929;--ui-focus:#580929}
html[data-colour-route]:is([data-colour-route="I"],[data-colour-route="J"],[data-colour-route="K"],[data-colour-route="L"]) #siteCafe :is(.cf-delivery-hero,.cf-rewards-hero) .cf-editorial-copy :is(.kick,h2,p,small){color:#580929}
html[data-colour-route]:is([data-colour-route="I"],[data-colour-route="J"],[data-colour-route="K"],[data-colour-route="L"]) #siteCafe .cf-intent-bar>span{color:#580929}
html[data-colour-route]:is([data-colour-route="I"],[data-colour-route="J"],[data-colour-route="K"],[data-colour-route="L"]) .joud-bakery .bk-campaign-copy{background:#A9CAEE;color:#580929;--ui-control-border:#580929;--ui-focus:#580929}
html[data-colour-route]:is([data-colour-route="I"],[data-colour-route="J"],[data-colour-route="K"],[data-colour-route="L"]) .joud-bakery .bk-campaign-copy :is(h2,p,.eyebrow,small){color:#580929}
html[data-colour-route]:is([data-colour-route="I"],[data-colour-route="J"],[data-colour-route="K"],[data-colour-route="L"]) .joud-bakery .bk-craft>div{background:#156F35;color:#FFFFFF;--ui-control-border:#FFFFFF;--ui-focus:#FFFFFF}
html[data-colour-route]:is([data-colour-route="I"],[data-colour-route="J"],[data-colour-route="K"],[data-colour-route="L"]) .joud-bakery .bk-craft>div :is(h2,p,.eyebrow,small,a){color:#FFFFFF}
html[data-colour-route]:is([data-colour-route="I"],[data-colour-route="J"],[data-colour-route="K"],[data-colour-route="L"]) .joud-bakery .bk-craft>div .button{background:#FFFFFF;color:#580929;border-color:#FFFFFF}
html[data-colour-route]:is([data-colour-route="I"],[data-colour-route="J"],[data-colour-route="K"],[data-colour-route="L"]) .joud-bakery .bk-craft>div :focus-visible{outline-color:#FFFFFF}
html[data-colour-route]:is([data-colour-route="I"],[data-colour-route="J"],[data-colour-route="K"],[data-colour-route="L"]){--ui-header:#580929;--ui-footer:#580929;--frame-text:#FFF9DF;--footer-text:#FFF9DF;--frame-selected:rgba(255,249,223,.12);--frame-line:#FFF9DF;--footer-field:#FFF9DF;--ui-footer-divider:rgba(255,249,223,.24)}
html[data-colour-route]:is([data-colour-route="I"],[data-colour-route="J"],[data-colour-route="K"],[data-colour-route="L"]) :is(#siteCoffee .jc-header,#siteCoffee .jc-shop-menu,#siteCoffee .jc-menu-dialog,#siteCafe .hdr,#siteCafe .mmenu,.joud-bakery .bk-header,.joud-bakery .bk-shop-menu){background:var(--ui-header);color:var(--frame-text);--line:var(--frame-line);--ui-focus:var(--frame-text)}
html[data-colour-route]:is([data-colour-route="I"],[data-colour-route="J"],[data-colour-route="K"],[data-colour-route="L"]) :is(#siteCoffee .jc-header,#siteCoffee .jc-shop-menu,#siteCoffee .jc-menu-dialog,#siteCafe .hdr,#siteCafe .mmenu,.joud-bakery .bk-header,.joud-bakery .bk-shop-menu) :is(a,button,h2,h3,p,span,small){color:var(--frame-text)}
html[data-colour-route]:is([data-colour-route="I"],[data-colour-route="J"],[data-colour-route="K"],[data-colour-route="L"]) :is(#siteCoffee .jc-header,#siteCoffee .jc-shop-menu,#siteCoffee .jc-menu-dialog,#siteCafe .hdr,#siteCafe .mmenu,.joud-bakery .bk-header,.joud-bakery .bk-shop-menu) :focus-visible{outline-color:var(--frame-text)}
html[data-colour-route]:is([data-colour-route="I"],[data-colour-route="J"],[data-colour-route="K"],[data-colour-route="L"]) #siteCoffee .jc-shop-menu .jc-menu-feature{background:var(--frame-selected);color:var(--frame-text)}
html[data-colour-route]:is([data-colour-route="I"],[data-colour-route="J"],[data-colour-route="K"],[data-colour-route="L"]) :is(#siteCoffee .jc-header,#siteCafe .hdr) :is(.jc-icon,.icon-btn):hover{background:var(--frame-selected)}
html[data-colour-route]:is([data-colour-route="I"],[data-colour-route="J"],[data-colour-route="K"],[data-colour-route="L"]) :is(#siteCoffee .jc-header .jc-nav,#siteCafe .hdr .nav-links) a:after{background:var(--frame-text)}
html[data-colour-route]:is([data-colour-route="I"],[data-colour-route="J"],[data-colour-route="K"],[data-colour-route="L"]) #siteCoffee .jc-header .jc-cart-count{background:var(--frame-text);color:var(--ui-header)}
html[data-colour-route]:is([data-colour-route="I"],[data-colour-route="J"],[data-colour-route="K"],[data-colour-route="L"]) :is(#siteCoffee,#siteCafe,body.joud-bakery) .domainbar a{color:var(--frame-text)!important}
html[data-colour-route]:is([data-colour-route="I"],[data-colour-route="J"],[data-colour-route="K"],[data-colour-route="L"]) :is(#siteCoffee,#siteCafe,body.joud-bakery) .domainbar :is(a.cur,a:hover){background:var(--frame-selected);color:var(--frame-text)!important}
html[data-colour-route]:is([data-colour-route="I"],[data-colour-route="J"],[data-colour-route="K"],[data-colour-route="L"]) :is(#siteCoffee,#siteCafe,body.joud-bakery) .domainbar a.cur:after{background:var(--frame-text)}
html[data-colour-route]:is([data-colour-route="I"],[data-colour-route="J"],[data-colour-route="K"],[data-colour-route="L"]) :is(#siteCoffee,#siteCafe,body.joud-bakery) .domainbar a:focus-visible{outline-color:var(--frame-text)}
html[data-colour-route]:is([data-colour-route="I"],[data-colour-route="J"],[data-colour-route="K"],[data-colour-route="L"]) .joud-footer{color:var(--footer-text);--jf-muted:var(--footer-text);--jf-rule:var(--footer-text);--ui-border:var(--footer-text);--ui-focus:var(--footer-text);--ui-control-border:#580929}
html[data-colour-route]:is([data-colour-route="I"],[data-colour-route="J"],[data-colour-route="K"],[data-colour-route="L"]) :is(#siteCoffee,#siteCafe,body.joud-bakery) .joud-footer :is(.jf-group summary,.jf-signup h2,.jf-social,.jf-family,.jf-link:hover,.jf-social:hover,.jf-legal button:hover,.bakery-disclosure){color:var(--footer-text)}
html[data-colour-route]:is([data-colour-route="I"],[data-colour-route="J"],[data-colour-route="K"],[data-colour-route="L"]) .joud-footer :is(a,button,summary):focus-visible{outline-color:var(--footer-text)}
html[data-colour-route]:is([data-colour-route="I"],[data-colour-route="J"],[data-colour-route="K"],[data-colour-route="L"]) .joud-footer .jf-newsletter{background:var(--footer-field);border-color:var(--footer-text)}
html[data-colour-route]:is([data-colour-route="I"],[data-colour-route="J"],[data-colour-route="K"],[data-colour-route="L"]) .joud-footer .jf-newsletter :is(input,button){background:var(--footer-field);color:#580929}
html[data-colour-route]:is([data-colour-route="I"],[data-colour-route="J"],[data-colour-route="K"],[data-colour-route="L"]) .joud-footer .jf-newsletter button:hover{background:#FFFFFF;color:#580929}
html[data-colour-route]:is([data-colour-route="I"],[data-colour-route="J"],[data-colour-route="K"],[data-colour-route="L"]) .joud-footer .jf-newsletter :is(input,button):focus-visible{outline-color:#580929}
html[data-colour-route]:is([data-colour-route="I"],[data-colour-route="J"],[data-colour-route="K"],[data-colour-route="L"]) .joud-footer .jf-newsletter-status{color:#580929}
html[data-colour-route]:is([data-colour-route="I"],[data-colour-route="J"],[data-colour-route="K"],[data-colour-route="L"]) .joud-footer .jf-social:hover .jf-social-icon{background:var(--footer-text);color:var(--ui-footer)}
html[data-colour-route]:is([data-colour-route="I"],[data-colour-route="J"],[data-colour-route="K"],[data-colour-route="L"]) .joud-footer :is(.jf-family,.jf-group){border-bottom-color:var(--ui-footer-divider)}
html[data-colour-route]:is([data-colour-route="I"],[data-colour-route="J"],[data-colour-route="K"],[data-colour-route="L"]) .joud-footer .jf-nav{border-top-color:var(--ui-footer-divider)}
html[data-colour-route]:is([data-colour-route="I"],[data-colour-route="J"],[data-colour-route="K"],[data-colour-route="L"]) :is(#coffee-footer,#cafe-footer,#bakery-footer) .jf-bottom{border-top-color:var(--ui-footer-divider)}
html[data-colour-route]:is([data-colour-route="I"],[data-colour-route="J"],[data-colour-route="K"],[data-colour-route="L"]) .joud-bakery #mobileMenu{background:#580929;color:#FFF9DF;--line:rgba(255,249,223,.24);--ui-focus:#FFF9DF}
html[data-colour-route]:is([data-colour-route="I"],[data-colour-route="J"],[data-colour-route="K"],[data-colour-route="L"]) .joud-bakery #mobileMenu :is(h2,a,button,.dialog-note){color:#FFF9DF}
html[data-colour-route]:is([data-colour-route="I"],[data-colour-route="J"],[data-colour-route="K"],[data-colour-route="L"]) .joud-bakery #mobileMenu :is(a,button):focus-visible{outline-color:#FFF9DF}
html[data-colour-route]:is([data-colour-route="I"],[data-colour-route="J"],[data-colour-route="K"],[data-colour-route="L"]) .joud-bakery #mobileMenu :is(a,button):hover{background:rgba(255,249,223,.12);color:#FFF9DF}
html[data-colour-route]:is([data-colour-route="I"],[data-colour-route="J"],[data-colour-route="K"],[data-colour-route="L"]){--ui-footer:#FFF9DF;--footer-text:#580929;--footer-field:#FFFFFF;--ui-footer-divider:rgba(88,9,41,.24)}
html[data-colour-route][data-colour-route="I"]{--panel-bg:#B3CD8E;--panel-copy:#580929;--panel-action:#580929;--panel-action-label:#FFF9DF;--panel-action-hover:#470B1E;--accent-campaign:#B3CD8E;--accent-campaign-text:#580929}
html[data-colour-route][data-colour-route="J"]{--panel-bg:#D6C099;--panel-copy:#580929;--panel-action:#580929;--panel-action-label:#FFF9DF;--panel-action-hover:#470B1E;--accent-campaign:#D6C099;--accent-campaign-text:#580929}
html[data-colour-route][data-colour-route="K"]{--panel-bg:#747B60;--panel-copy:#040503;--panel-action:#FFF9DF;--panel-action-label:#580929;--panel-action-hover:#FFFFFF;--accent-campaign:#747B60;--accent-campaign-text:#040503}
html[data-colour-route][data-colour-route="L"]{--panel-bg:#547C78;--panel-copy:#FFFFFF;--panel-action:#FFFFFF;--panel-action-label:#580929;--panel-action-hover:#FFF9DF;--accent-campaign:#547C78;--accent-campaign-text:#FFFFFF}
html[data-colour-route]:is([data-colour-route="I"],[data-colour-route="J"],[data-colour-route="K"],[data-colour-route="L"]) #siteCoffee .jc-campaign-copy{background:var(--panel-bg);color:var(--panel-copy);--ui-control-border:var(--panel-copy);--ui-focus:var(--panel-copy)}
html[data-colour-route]:is([data-colour-route="I"],[data-colour-route="J"],[data-colour-route="K"],[data-colour-route="L"]) #siteCoffee .jc-campaign-copy :is(h2,p,.jc-eyebrow,.jc-campaign-product,.jc-campaign-product span){color:var(--panel-copy)}
html[data-colour-route]:is([data-colour-route="I"],[data-colour-route="J"],[data-colour-route="K"],[data-colour-route="L"]) #siteCoffee .jc-campaign-copy .jc-button.light{background:var(--panel-action);color:var(--panel-action-label);border-color:var(--panel-action)}
html[data-colour-route]:is([data-colour-route="I"],[data-colour-route="J"],[data-colour-route="K"],[data-colour-route="L"]) #siteCoffee .jc-campaign-copy .jc-button.light:hover{background:var(--panel-action-hover);color:var(--panel-action-label);border-color:var(--panel-action-hover)}
html[data-colour-route]:is([data-colour-route="I"],[data-colour-route="J"],[data-colour-route="K"],[data-colour-route="L"]) #siteCoffee .jc-campaign-copy :focus-visible{outline-color:var(--panel-copy)}
html[data-colour-route]:is([data-colour-route="I"],[data-colour-route="J"],[data-colour-route="K"],[data-colour-route="L"]) .joud-bakery .bk-craft>div{background:var(--panel-bg);color:var(--panel-copy);--ui-control-border:var(--panel-copy);--ui-focus:var(--panel-copy)}
html[data-colour-route]:is([data-colour-route="I"],[data-colour-route="J"],[data-colour-route="K"],[data-colour-route="L"]) .joud-bakery .bk-craft>div :is(h2,p,.eyebrow,small,a){color:var(--panel-copy)}
html[data-colour-route]:is([data-colour-route="I"],[data-colour-route="J"],[data-colour-route="K"],[data-colour-route="L"]) .joud-bakery .bk-craft>div .button{background:var(--panel-action);color:var(--panel-action-label);border-color:var(--panel-action)}
html[data-colour-route]:is([data-colour-route="I"],[data-colour-route="J"],[data-colour-route="K"],[data-colour-route="L"]) .joud-bakery .bk-craft>div :focus-visible{outline-color:var(--panel-copy)}
/* Narrow-margin proposed panels require fully opaque text; no image opacity is changed. */
html[data-colour-route]:is([data-colour-route="I"],[data-colour-route="J"],[data-colour-route="K"],[data-colour-route="L"]) :is(#siteCoffee .jc-campaign-copy,.joud-bakery .bk-craft>div){opacity:1}
html[data-colour-route]:is([data-colour-route="I"],[data-colour-route="J"],[data-colour-route="K"],[data-colour-route="L"]) :is(#siteCoffee .jc-campaign-copy,.joud-bakery .bk-craft>div) :is(h2,p,span,small,a,button){opacity:1}

/* Selected final Sand: verified J roles; comparisons remain unchanged. Recommendation, not user brand approval. */
html[data-colour-route][data-colour-route="final"]{--panel-bg:#D6C099;--panel-copy:#580929;--panel-action:#580929;--panel-action-label:#FFF9DF;--panel-action-hover:#470B1E;--accent-campaign:#D6C099;--accent-campaign-text:#580929}
html[data-colour-route][data-colour-route="final"] #siteCoffee .jc-campaign-copy{background:var(--panel-bg);color:var(--panel-copy);--ui-control-border:var(--panel-copy);--ui-focus:var(--panel-copy)}
html[data-colour-route][data-colour-route="final"] #siteCoffee .jc-campaign-copy :is(h2,p,.jc-eyebrow,.jc-campaign-product,.jc-campaign-product span){color:var(--panel-copy)}
html[data-colour-route][data-colour-route="final"] #siteCoffee .jc-campaign-copy .jc-button.light{background:var(--panel-action);color:var(--panel-action-label);border-color:var(--panel-action)}
html[data-colour-route][data-colour-route="final"] #siteCoffee .jc-campaign-copy .jc-button.light:hover{background:var(--panel-action-hover);color:var(--panel-action-label);border-color:var(--panel-action-hover)}
html[data-colour-route][data-colour-route="final"] #siteCoffee .jc-campaign-copy :focus-visible{outline-color:var(--panel-copy)}
html[data-colour-route][data-colour-route="final"] .joud-bakery .bk-craft>div{background:var(--panel-bg);color:var(--panel-copy);--ui-control-border:var(--panel-copy);--ui-focus:var(--panel-copy)}
html[data-colour-route][data-colour-route="final"] .joud-bakery .bk-craft>div :is(h2,p,.eyebrow,small,a){color:var(--panel-copy)}
html[data-colour-route][data-colour-route="final"] .joud-bakery .bk-craft>div .button{background:var(--panel-action);color:var(--panel-action-label);border-color:var(--panel-action)}
html[data-colour-route][data-colour-route="final"] .joud-bakery .bk-craft>div :focus-visible{outline-color:var(--panel-copy)}
html[data-colour-route][data-colour-route="final"] :is(#siteCoffee .jc-campaign-copy,.joud-bakery .bk-craft>div){opacity:1}
html[data-colour-route][data-colour-route="final"] :is(#siteCoffee .jc-campaign-copy,.joud-bakery .bk-craft>div) :is(h2,p,span,small,a,button){opacity:1}
/* Documented final-only layout refinement: give the Bakery craft story its own internal inset. */
html[data-colour-route][data-colour-route="final"] .joud-bakery .bk-craft>div{padding:32px}
@media(max-width:700px){html[data-colour-route][data-colour-route="final"] .joud-bakery .bk-craft>div{padding:24px}}

/* BEGIN v127 user-requested final header/footer swap */
html[data-colour-route][data-colour-route="final"]{--ui-header:#FFF9DF;--frame-text:#580929;--frame-selected:rgba(88,9,41,.12);--frame-line:#580929;--ui-footer:#580929;--footer-text:#FFF9DF;--footer-field:#FFF9DF;--ui-footer-divider:rgba(255,249,223,.24)}
html[data-colour-route][data-colour-route="final"] .joud-bakery #mobileMenu{background:var(--ui-header);color:var(--frame-text);--line:rgba(88,9,41,.24);--ui-focus:var(--frame-text)}
html[data-colour-route][data-colour-route="final"] .joud-bakery #mobileMenu :is(h2,a,button,.dialog-note){color:var(--frame-text)}
html[data-colour-route][data-colour-route="final"] .joud-bakery #mobileMenu :is(a,button):focus-visible{outline-color:var(--frame-text)}
html[data-colour-route][data-colour-route="final"] .joud-bakery #mobileMenu :is(a,button):hover{background:var(--frame-selected);color:var(--frame-text)}
/* END v127 user-requested final header/footer swap */

/* v128: retain cream label on the Cafe header's filled burgundy Order now CTA. */
html[data-colour-route][data-colour-route="final"] #siteCafe .hdr #orderNow{color:#FFF9DF}

/* v147: preserve the Bakery filled bag badge label against broad header text colour. */
html[data-colour-route][data-colour-route="final"] #bakeryHeader .icon-button [data-count]{background:var(--frame-text);color:var(--ui-header)}