/* Espresso Option 6 — restrained light surfaces and one prominent Camel feature. */
body[data-page]{--color-olive:var(--color-espresso-brand);--color-espresso:var(--color-espresso-brand);--color-walnut:var(--color-espresso-brand);--color-brass:#AD946B;--color-ivory:#F1EDE5;--color-stone:var(--color-mushroom-light);--color-header-surface:var(--color-espresso-brand);--color-footer-surface:var(--color-espresso-brand)}
body[data-page=home]{--color-home-header:var(--color-espresso-brand);--color-home-feature:var(--color-mushroom-light);--color-home-linen:var(--color-stone-light);--home-heading:var(--color-espresso-brand);--home-body:var(--color-espresso-brand);--home-label:var(--color-camel-readable);--home-rule:var(--color-brass);--home-inverse:var(--color-ivory)}
body[data-page] header,body[data-page] footer,body[data-page] .footer-bottom{background-color:var(--color-espresso-brand);color:var(--color-ivory)}
body[data-page] main{color:var(--color-espresso-brand)}
body[data-page] header nav a{color:var(--color-ivory)}
body[data-page] header nav a:is(:hover,:focus-visible),body[data-page] header nav a[aria-current=page]{color:var(--color-brass);text-decoration-color:var(--color-brass)}
body[data-page=home] .home-projects{background-color:var(--color-stone-light)}
body[data-page=home] .home-services{background-color:var(--color-ivory)}
body[data-page=home] .approach{background-color:var(--color-mushroom-light)}
body[data-page=home] .approach :is(h2,p,a){color:var(--color-espresso-brand)}
body[data-page=home] .process-home{background-color:color-mix(in srgb,var(--color-ivory) 50%,var(--color-mushroom-light))}
body[data-page=about] .designer-section{background-color:var(--color-camel);color:var(--color-espresso-brand)}
body[data-page=about] .designer-section :is(h2,p){color:var(--color-espresso-brand)}
body[data-page=about] .editorial.top-rule{background-color:var(--color-stone-light)}
body[data-page=services] .service-row:nth-of-type(odd){background-color:color-mix(in srgb,var(--color-ivory) 85%,var(--color-mushroom-light))}
body[data-page=services] .service-row:nth-of-type(even){background-color:var(--color-ivory)}
body[data-page=services] .team-note{background-color:var(--color-mushroom-light)}
body[data-page=process] .process-intro{background-color:var(--color-stone-light)}
body[data-page] main .cta{background-color:var(--color-stone-light)}
body[data-page] main .button.button-project,body[data-page=contact] #inquiry-form>.button.solid{background-color:var(--color-espresso-brand);border-color:var(--color-espresso-brand);color:var(--color-ivory)}
body[data-page] main .button.button-project:is(:hover,:focus-visible),body[data-page=contact] #inquiry-form>.button.solid:hover{background-color:var(--color-camel-readable);border-color:var(--color-camel-readable);color:var(--color-ivory)}
body[data-page=process] .process-row .stage-number,body[data-page=home] .service-number,body[data-page=home] .process-home .step .number,body[data-page=blog] .style-number{color:var(--color-camel-readable)}
body[data-page] main .text-link:is(:hover,:focus-visible),body[data-page=blog] .style-index a:is(:hover,:focus-visible),body[data-page=contact] .contact-layout aside a:is(:hover,:focus-visible){color:var(--color-camel-readable);border-color:var(--color-brass);text-decoration-color:var(--color-brass)}
body[data-page=projects] .project-card>a:is(:hover,:focus-visible) h3{color:var(--color-camel-readable);text-decoration-color:var(--color-brass)}
body[data-page=faq] .faq-list summary:is(:hover,:focus-visible){color:var(--color-camel-readable)}
body[data-page=contact] #inquiry-form :is(input,select,textarea):focus-visible{outline-color:var(--color-camel-readable)}
body[data-page=contact] :is(input,select,textarea){border-color:var(--color-mushroom)}
body[data-page] .footer-bottom,body[data-page=home] .step,body[data-page=home] .home-service{border-color:var(--color-brass)}
@media(max-width:1100px){body[data-page] header nav{background-color:var(--color-espresso-brand)}}

/* About-only Mushroom designer feature. */
body[data-page=about] .designer-section{background-color:var(--color-mushroom);color:var(--color-espresso-brand)}
body[data-page=about] .designer-section :is(h2,p){color:var(--color-espresso-brand)}

/* Reference palette with restrained, UI-only olive accents. */
body[data-page=about] .designer-section{background-color:var(--color-mushroom);color:var(--color-espresso-brand)}
body[data-page=home] .intro{background-color:var(--color-ivory)}
body[data-page=home] .intro .text-link{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:11px 25px;background-color:var(--color-camel);color:var(--color-espresso-brand);border:1px solid var(--color-camel);text-decoration:none}
body[data-page=home] .intro .text-link:is(:hover,:focus-visible){background-color:var(--color-espresso-brand);border-color:var(--color-espresso-brand);color:var(--color-ivory)}
body[data-page=home] .process-home .eyebrow{color:var(--color-olive-readable)}
body[data-page=home] .process-home .eyebrow::before{background-color:var(--color-muted-olive)}
body[data-page=home] .process-home .step .number,body[data-page=process] .process-row .stage-number{color:var(--color-gold-readable)}
body[data-page=home] .home-projects .project-card>a:is(:hover,:focus-visible) h3,body[data-page=projects] .project-card>a:is(:hover,:focus-visible) h3{text-decoration-color:var(--color-muted-olive)}
body[data-page=about] .designer-section .eyebrow{color:var(--color-olive-readable)}
body[data-page=services] .service-row .text-link:is(:hover,:focus-visible),body[data-page=home] .process-home .text-link:is(:hover,:focus-visible){color:var(--color-olive-readable);border-color:var(--color-muted-olive)}
body[data-page=faq] .faq-list summary:is(:hover,:focus-visible){color:var(--color-olive-readable)}
body[data-page=faq] .faq-list summary:is(:hover,:focus-visible)::before,body[data-page=faq] .faq-list summary:is(:hover,:focus-visible)::after{background-color:var(--color-muted-olive)}
body[data-page=blog] .style-index a:is(:hover,:focus-visible){color:var(--color-olive-readable);border-color:var(--color-muted-olive)}
body[data-page=contact] #inquiry-form :is(input,select,textarea):focus-visible{outline-color:var(--color-muted-olive)}

/* Recognizable olive accents; the Camel Discover HMK button is untouched. */
body[data-page=home] .process-home .step .number{color:var(--color-muted-olive)}
body[data-page=home] .service-number,body[data-page=process] .process-row .stage-number{color:var(--color-olive-readable)}
body[data-page=home] .approach .eyebrow,body[data-page=home] .process-home .eyebrow{color:var(--color-olive-readable)}
body[data-page=home] :is(.section-head,.process-home,.approach) .text-link{border-bottom-color:var(--color-muted-olive)}
body[data-page=home] :is(.section-head,.process-home,.approach) .text-link:is(:hover,:focus-visible){color:var(--color-olive-readable);border-bottom-color:var(--color-muted-olive)}
body[data-page=about] .designer-section{background-color:var(--color-light-olive);color:var(--color-espresso-brand)}
body[data-page=about] .designer-section :is(h2,p){color:var(--color-espresso-brand)}
body[data-page=about] .designer-section .eyebrow{color:var(--color-olive-readable)}
body[data-page=services] .service-row .text-link{border-bottom-color:var(--color-muted-olive)}
body[data-page=blog] .style-index a span{color:var(--color-olive-readable)}

body[data-page=home] .approach .eyebrow{color:var(--color-espresso-brand)}

body[data-page=home] #main .approach .eyebrow{color:var(--color-espresso-brand)!important}

/* Match the Services project-team supporting surface. */
body[data-page=about] .designer-section{background-color:var(--color-mushroom-light)}

/* Shared Start a Project button color; other CTA labels retain their treatment. */
body[data-page] #main .button.start-project-action{background-color:#4B5335;border-color:#4B5335;color:var(--color-ivory)}
body[data-page] #main .button.start-project-action:is(:hover,:focus-visible){background-color:var(--color-espresso-brand);border-color:var(--color-espresso-brand);color:var(--color-ivory)}

body[data-page] #main .button.army-green-action{background-color:#4B5335;border-color:#4B5335;color:var(--color-ivory)}
body[data-page] #main .button.army-green-action:is(:hover,:focus-visible){background-color:var(--color-espresso-brand);border-color:var(--color-espresso-brand);color:var(--color-ivory)}