/* Four related page identities, drawn from the existing brand colours. */
body[data-page-theme=home]{--page-accent:#183e35;--page-wash:#eef1e6;--page-light:#dce9ab}
body[data-page-theme=services]{--page-accent:#62476f;--page-wash:#f1ebf4;--page-light:#ddcbe6}
body[data-page-theme=approach]{--page-accent:#6c4e1b;--page-wash:#f7f0dc;--page-light:#efda9f}
body[data-page-theme=about]{--page-accent:#854c3b;--page-wash:#f5e9e1;--page-light:#edc2ac}
body[data-page-theme]{--accent:var(--page-accent);--ink:var(--page-accent);--wash:var(--page-wash);--line:color-mix(in srgb,var(--page-accent) 16%,transparent)}
body[data-page-theme] .site-header .brand{color:var(--page-accent)!important}
body[data-page-theme] .site-header{border-bottom-color:var(--line)}
body[data-page-theme] .site-header nav>a:not(.button),body[data-page-theme] .menu-toggle{color:var(--page-accent)}
body[data-page-theme] .site-header .button{background:var(--page-accent);border-color:var(--page-accent);color:#fffef7}
body[data-page-theme] .site-footer .brand{color:var(--page-light)!important}
body[data-page-theme] .site-footer{background:var(--page-accent);color:#fffef7}
body[data-page-theme] .footer-top p,body[data-page-theme] .footer-top .eyebrow,body[data-page-theme] .footer-bottom{color:#fffef7d9}
body[data-page-theme=home] .site-header{background-color:var(--page-wash)!important;color:var(--page-accent)!important}
body[data-page-theme=services] .possibilities-opening{background:var(--page-accent)}
body[data-page-theme=services] .catalog-intro{background:#f8f7ef;color:var(--page-accent)}
body[data-page-theme=services] .catalog-nav a{border-color:#62476f40}
body[data-page-theme=services] .catalog-nav a:hover{background:#e2d7e8}
body[data-page-theme=approach] .how-work-hero{background:var(--page-wash);color:var(--page-accent);border-radius:0 0 36px 36px}
body[data-page-theme=about] .page-hero{background:var(--page-wash);color:var(--page-accent);border-radius:0 0 36px 36px}
body[data-page-theme] .site-header nav.is-open{background:var(--page-wash);color:var(--page-accent)}
body[data-page-theme=home] .site-header nav.is-open{background:var(--page-wash)!important;color:var(--page-accent)}
/* Carry the page identity into actions and details without replacing pastel surfaces. */
body[data-page-theme] .button{background:var(--page-accent);border-color:var(--page-accent);color:#fffef7}
body[data-page-theme] .button.outline{background:transparent;color:var(--page-accent)}
body[data-page-theme] main .text-link,body[data-page-theme] .breadcrumb,body[data-page-theme] .catalog-related a{color:var(--page-accent);text-decoration-color:currentColor}
body[data-page-theme] main a:focus-visible,body[data-page-theme] main button:focus-visible{outline-color:var(--page-accent)}
body[data-page-theme] .section-heading h2,body[data-page-theme] .section-heading .eyebrow,body[data-page-theme] .catalog-group-heading,body[data-page-theme] .catalog-index,body[data-page-theme] .faq-section h2{color:var(--page-accent)}
body[data-page-theme=services] .catalog-group{--picker-ink:var(--page-accent)}
body[data-page-theme=services] .service-flow-controls .service-flow-arrow:not(:disabled){background:var(--page-accent);border-color:var(--page-accent);color:#fffef7}
body[data-page-theme=services] .service-flow-controls .service-flow-arrow:not(:disabled):hover{background:var(--page-accent);filter:brightness(1.12)}
body[data-page-theme=services] .service-flow-arrow:disabled{background:transparent;color:var(--page-accent);border-color:var(--page-accent)}
body[data-page-theme=services] .service-flow-category,body[data-page-theme=services] .service-category-menu a,body[data-page-theme=services] .service-flow-counter{color:var(--page-accent)}
body[data-page-theme=services] .service-category-menu a:hover,body[data-page-theme=services] .service-category-menu a[aria-current=true]{background:var(--page-wash)}
body[data-page-theme=services] .service-flow-category:hover,body[data-page-theme=services] .service-category-picker.is-expanded .service-flow-category{border-color:var(--page-accent)}
body[data-page-theme=services] .possibility-tile,body[data-page-theme=services] .possibility-services a,body[data-page-theme=services] .possibility-category-link,body[data-page-theme=services] .possibility-close{color:var(--page-accent)}
body[data-page-theme=services] .catalog-card h3,body[data-page-theme=services] .catalog-offers h2,body[data-page-theme=services] .catalog-next .eyebrow{color:var(--page-accent)}
body[data-page-theme=approach] .approach-cycle{--cycle-ink:var(--page-accent)}
body[data-page-theme=approach] .cycle-node,body[data-page-theme=approach] .cycle-core,body[data-page-theme=approach] .cycle-heading,body[data-page-theme=approach] .cycle-panel,body[data-page-theme=approach] .cycle-takeaway strong{color:var(--page-accent)}
body[data-page-theme=approach] .cycle-path{color:color-mix(in srgb,var(--page-accent) 50%,#f8f7ef)}
body[data-page-theme=approach] .cycle-traveller,body[data-page-theme=approach] .cycle-hint span{color:var(--page-accent)}
body[data-page-theme=approach] .cycle-node::before{border-color:var(--page-accent)}
body[data-page-theme=approach] .cycle-playback{color:var(--page-accent);border-color:color-mix(in srgb,var(--page-accent) 30%,transparent)}
body[data-page-theme=approach] .cycle-playback:hover{background:var(--page-wash)}
body[data-page-theme=approach] .cycle-takeaway{border-color:color-mix(in srgb,var(--page-accent) 20%,transparent)}
body[data-page-theme=about] .value-orb,body[data-page-theme=about] .value-detail,body[data-page-theme=about] .word-ribbon{color:var(--page-accent)}
body[data-page-theme=about] .value-orb[aria-pressed=true]{box-shadow:0 0 0 3px var(--page-accent)}
body[data-page-theme=about] .value-detail .value-note{border-color:color-mix(in srgb,var(--page-accent) 25%,transparent)}
body[data-page-theme=about] .about-purpose-heading .eyebrow{color:var(--page-accent)}
body[data-page-theme] .kind-carousel-arrow{color:var(--page-accent);border-color:color-mix(in srgb,var(--page-accent) 30%,transparent)}
body[data-page-theme] .kind-carousel-dot[aria-current=true]::before{background:var(--page-accent)}

/* Keep small labels legible against every soft approach colour. */
body[data-page-theme=approach] .cycle-core-label,body[data-page-theme=approach] .cycle-hint,body[data-page-theme=approach] .cycle-panel-index,body[data-page-theme=approach] .cycle-takeaway>span{color:var(--page-accent)}
body[data-page-theme=approach] .cycle-number{opacity:1}
body[data-page-theme=about] .value-orb-3{background:#f0dfd4}
/* Case Studies has a slate-blue identity distinct from Home's forest green. */
body[data-page-theme=cases]{--page-accent:#345c85;--page-wash:#e9eff7;--page-light:#cbdff3}
body[data-page-theme=cases] .case-hero{background:var(--page-wash);color:var(--page-accent)}
body[data-page-theme=cases] .case-hero-copy>p:not(.eyebrow),body[data-page-theme=cases] .case-hero-foot,body[data-page-theme=cases] .case-library-heading>p,body[data-page-theme=cases] .case-count,body[data-page-theme=cases] .case-card-meta,body[data-page-theme=cases] .case-narrative p{color:#455970}
body[data-page-theme=cases] .case-hero-foot{border-color:#345c8530}
body[data-page-theme=cases] .case-hero-foot strong,body[data-page-theme=cases] .case-filter,body[data-page-theme=cases] .case-card[open] summary,body[data-page-theme=cases] .case-stamp,body[data-page-theme=cases] .case-story-footer button{color:var(--page-accent)}
body[data-page-theme=cases] .case-filter{border-color:#345c8540}
body[data-page-theme=cases] .case-filter:hover{background:var(--page-wash)}
body[data-page-theme=cases] .case-filter[aria-pressed=true]{background:var(--page-accent);border-color:var(--page-accent);color:#fffef9}
body[data-page-theme=cases] .case-card:hover,body[data-page-theme=cases] .case-card[open]{border-color:#345c8570}
body[data-page-theme=cases] .case-card summary:focus-visible{outline-color:var(--page-accent)}
body[data-page-theme=cases] .case-plus,body[data-page-theme=cases] .case-card-action,body[data-page-theme=cases] .case-story-footer button{border-color:#345c8535}
body[data-page-theme=cases] .case-narrative .case-confidentiality{color:#526379}
body[data-page-theme=cases] .case-ending{background:var(--page-accent)}
body[data-page-theme=cases] .case-ending .eyebrow,body[data-page-theme=cases] .case-ending p:not(.eyebrow){color:#f1f6fc}
body[data-page-theme=cases] .case-ending .button{background:var(--page-light);border-color:var(--page-light);color:var(--page-accent)}