/* Keep cups branding copy readable on its dark green panel. */
body[data-page-theme="cups"] .branding-content .branding-heading,
body[data-page-theme="cups"] .branding-content .branding-heading span{color:#fff!important}
body[data-page-theme="cups"] .branding-content .eyebrow{color:#d9eee2!important}

/* A shared warm brown palette matching the supplied reference. */
body[data-page-theme]{--green:var(--page-accent);--dark:var(--page-dark);--green-light:var(--page-soft);--green-mid:var(--page-accent);--green-mid-light:var(--page-soft);--sus-green:var(--page-accent);--sus-ivory:var(--page-light);--sus-sage:#e7dcc8;--cream:var(--page-light);--accent:var(--page-accent);--orange:var(--page-accent);--off-white:var(--page-light);--ink:#343238;--text-main:#343238;--border:var(--page-border);--line:var(--page-border);--pd-muted:#6b6767;background:var(--page-light)}
body[data-page-theme="home"]{--page-accent:#984c35;--page-dark:#4b2b23;--page-soft:#f3e8df;--page-light:#fffcf7;--page-border:#e7d8ce}
body[data-page-theme="about"]{--page-accent:#984c35;--page-dark:#4b2b23;--page-soft:#f3e8df;--page-light:#fffcf7;--page-border:#e7d8ce}
body[data-page-theme="team"]{--page-accent:#984c35;--page-dark:#4b2b23;--page-soft:#f3e8df;--page-light:#fffcf7;--page-border:#e7d8ce}
body[data-page-theme="cups"]{--page-accent:#984c35;--page-dark:#4b2b23;--page-soft:#f3e8df;--page-light:#fffcf7;--page-border:#e7d8ce}
body[data-page-theme="spoons"]{--page-accent:#984c35;--page-dark:#4b2b23;--page-soft:#f3e8df;--page-light:#fffcf7;--page-border:#e7d8ce}
body[data-page-theme="straws"]{--page-accent:#984c35;--page-dark:#4b2b23;--page-soft:#f3e8df;--page-light:#fffcf7;--page-border:#e7d8ce}
body[data-page-theme="bulk"]{--page-accent:#984c35;--page-dark:#4b2b23;--page-soft:#f3e8df;--page-light:#fffcf7;--page-border:#e7d8ce}
body[data-page-theme="contact"]{--page-accent:#984c35;--page-dark:#4b2b23;--page-soft:#f3e8df;--page-light:#fffcf7;--page-border:#e7d8ce}
body[data-page-theme="sustainability"]{--page-accent:#984c35;--page-dark:#4b2b23;--page-soft:#f3e8df;--page-light:#fffcf7;--page-border:#e7d8ce}
body[data-page-theme="shipping"]{--page-accent:#984c35;--page-dark:#4b2b23;--page-soft:#f3e8df;--page-light:#fffcf7;--page-border:#e7d8ce}
body[data-page-theme="returns"]{--page-accent:#984c35;--page-dark:#4b2b23;--page-soft:#f3e8df;--page-light:#fffcf7;--page-border:#e7d8ce}
body[data-page-theme="privacy"]{--page-accent:#984c35;--page-dark:#4b2b23;--page-soft:#f3e8df;--page-light:#fffcf7;--page-border:#e7d8ce}
body[data-page-theme="terms"]{--page-accent:#984c35;--page-dark:#4b2b23;--page-soft:#f3e8df;--page-light:#fffcf7;--page-border:#e7d8ce}

/* Shared navigation and footer carry the page accent while staying consistent. */
body[data-page-theme] .announcement{background:var(--page-accent)}
body[data-page-theme] .site-header{border-bottom-color:var(--page-border)}
body[data-page-theme] .site-header :is(.nav-links>a,.product-dropdown summary,.product-dropdown-links a,.product-search button,.menu-toggle){color:var(--page-dark)}
body[data-page-theme] .site-header .nav-links>a[aria-current],body[data-page-theme] .site-header .nav-links>a:hover,body[data-page-theme] .site-header .product-dropdown[open] summary{color:var(--page-accent);box-shadow:inset 0 -2px var(--page-accent)}
body[data-page-theme] .site-header :is(.product-search,.product-dropdown-links a:hover,.search-matches a:hover){background:var(--page-light);border-color:var(--page-border)}
body[data-page-theme] .site-header .product-search:focus-within{border-color:var(--page-accent);background:#fff;box-shadow:none}
body[data-page-theme] .site-header .search-matches a{color:var(--page-accent)}
body[data-page-theme] :is(.site-footer,.footer){background:var(--page-dark)!important;color:#eee6e2}
body[data-page-theme] :is(.footer-column>a,.footer-column address,.footer-column>p,.footer-socials a,.footer-bottom,.footer-links a,.footer-tagline,.footer-copy){color:#e2dcd9}
body[data-page-theme] :is(.footer-intro p,.footer-bottom a){color:#fff4e6}

/* Typography, calls to action and quiet surfaces. */
body[data-page-theme]{--muted:#111111;--text-muted:#111111;--text-light:#111111;--sus-charcoal:#111111}
body[data-page-theme] main :is(h1,h2,h3,h4){color:var(--page-dark)!important}
body[data-page-theme] :is(.eyebrow,.text-link,.team-kicker,.team-founder-badge,.team-role,.venue-kicker,.team-intro-note>a,.venues-signoff a,.collection-note a,.pd-faq-item summary,.pd-contact-info>a,.contact-text-link,.bulk-contact a){color:var(--page-accent)!important}
body[data-page-theme] main :is(h1,h2,h3) em,body[data-page-theme] :is(.about-banner-tagline,.team-page-intro h1 em){color:var(--page-accent)!important}
body[data-page-theme] :is(.button,.btn-primary,.about-button,.contact-button,.home-button,.form-submit,.sus-button,.shipping-button,.returns-button,.privacy-button,.btn-delivery){background:var(--page-accent)!important;border-color:var(--page-accent)!important;color:#fff!important}
body[data-page-theme] :is(.button.light,.btn-outline,.about-button-outline,.sus-button-outline,.contact-button-light){background:transparent!important;border-color:var(--page-accent)!important;color:var(--page-accent)!important}
body[data-page-theme] :is(.button,.btn-primary,.about-button,.contact-button,.home-button,.form-submit,.sus-button,.shipping-button,.returns-button,.privacy-button,.btn-delivery):hover{box-shadow:none}
body[data-page-theme] :is(.story,.pd-hero,.pd-options,.pd-delivery,.pd-faq,.about-hero,.about-values,.about-support,.about-cta,.contact-hero,.contact-enquiry,.bulk-contact,.team-founder,.shipping-hero,.returns-hero,.privacy-hero,.shipping-help-card,.returns-help-card,.privacy-help-card,.sus-social,.sus-section-nav,.sus-target,.sus-transparency){background:var(--page-soft)!important}
body[data-page-theme] :is(.collection .product-card,.pd-enquiry,.shipping-index,.returns-index,.privacy-index,.returns-first-step-card,.shipping-note,.returns-note,.returns-address-note,.privacy-note){background:var(--page-light)!important;border-color:var(--page-border)}
body[data-page-theme] :is(.team-template,.sus-cta,.pd,.about-story){background:var(--page-light)!important}
body[data-page-theme] :is(.team-founder,.team-page-intro,.team-rule,.team-page-contact,.pd-option,.pd-faq-item,.pd-inline-cta,.venue-row,.venues-signoff,.collection-note,.sus-card,.sus-target-note){border-color:var(--page-border)}
body[data-page-theme] :is(.founder-portrait,.pd-features li>span,.sus-icon,.about-feature-icon){background:var(--page-soft)!important;color:var(--page-accent)!important}
body[data-page-theme] :is(.shipping-policy-section,.returns-policy-section,.privacy-policy-section){border-color:var(--page-border)}
body[data-page-theme] :is(.shipping-policy-section,.returns-policy-section,.privacy-policy) :is(a,strong){color:var(--page-accent)}
body[data-page-theme] :is(.shipping-index,.returns-index,.privacy-index) a{color:var(--page-dark)}
body[data-page-theme] :is(.sus-kicker,.shipping-kicker,.returns-kicker,.privacy-kicker,.contact-kicker,.bulk-intro .home-eyebrow){color:var(--page-accent)!important}
body[data-page-theme] .sus-section .sus-kicker{background:var(--page-soft)}
body[data-page-theme] .sus-section h2::after,body[data-page-theme] .team-rule{background:var(--page-accent)}
body[data-page-theme] .sus-target-top :is(strong,span){color:var(--page-accent)}
body[data-page-theme] .bulk-form :is(label,input,textarea),body[data-page-theme] .pd .contact-field label{color:var(--page-dark)}
body[data-page-theme] :is(input,textarea,select){accent-color:var(--page-accent)}
body[data-page-theme] :is(input,textarea,select):focus-visible{outline-color:var(--page-accent)}

/* Dark feature panels retain readable light text. */
body[data-page-theme] :is(.about-banner-layout,.about-purpose,.about-company,.team-page-contact,.contact-hero-panel,.contact-visit,.shipping-summary,.returns-summary,.privacy-summary,.sus-circular){background:var(--page-dark)!important}
body[data-page-theme="home"] section.contact{background:var(--page-dark)!important}
body[data-page-theme] :is(.about-banner-copy,.about-purpose,.about-company,.team-page-contact,.contact-hero-panel,.contact-visit,.sus-circular) :is(h1,h2,h3,h4){color:#fffaf2!important}
body[data-page-theme] :is(.about-banner-copy,.about-purpose,.about-company,.team-page-contact,.contact-hero-panel,.contact-visit,.shipping-summary,.returns-summary,.privacy-summary,.sus-circular) :is(p,.sus-kicker,.contact-kicker,.about-kicker,.about-banner-tagline,.about-banner-description,.about-banner-signoff,.about-banner-eyebrow){color:#e5ddd6!important}
body[data-page-theme] :is(.about-banner-copy,.sus-circular) :is(em,a){color:#f0dcba!important}
body[data-page-theme="home"] section.contact :is(h2,p){color:#fffaf2!important}
body[data-page-theme] :is(.about-banner-actions,.team-page-contact,.about-company) .about-button{background:#f7eddd!important;border-color:#f7eddd!important;color:var(--page-dark)!important}
body[data-page-theme] .team-page-contact .about-button-outline{background:transparent!important;color:#fffaf2!important}
body[data-page-theme] .team-page-contact>p{color:#e5ddd6}
body[data-page-theme] .about-banner-link{color:#fff3df!important}
body[data-page-theme] .contact-hero-panel :is(strong,a),body[data-page-theme] .contact-visit address{color:#fffaf2}

/* The original cup page uses its existing variable-based layout. */
body[data-page-theme="home"] .banner-mobile-copy .button{background:#111111!important;border-color:#111111!important;color:#fff!important}
body[data-page-theme] :is(.shipping-summary,.returns-summary,.privacy-summary) :is(dt,dd,p,a){color:#fffaf2!important}
body[data-page-theme] :is(.contact-hero-panel,.contact-visit) :is(span,strong,address){color:#fffaf2!important}
body[data-page-theme="cups"] :is(.hero,.services,.delivery,.why,.faq,.about,.contact){background:var(--page-light)}
body[data-page-theme="cups"] .hero::before{display:none}
body[data-page-theme="cups"] :is(.trust-bar,.hero-badge,.service-icon){background:var(--page-soft)}
body[data-page-theme="cups"] .footer :is(.footer-brand-text,.footer-col-title){color:#fffaf2}
@media(max-width:720px){body[data-page-theme] .site-header .nav-links>a[aria-current]{background:var(--page-soft);box-shadow:inset 2px 0 var(--page-accent)}body[data-page-theme] .site-header :is(.nav-links>a:hover,.product-dropdown summary:hover,.product-dropdown[open] summary){background:var(--page-light);box-shadow:none}}