/* Palette A v2 (2026-09-24): grounds are TRUE NEUTRAL grey (James: v1 porcelain "too purple").
   Palette A (2026-09-24, James picked "A. Indigo, cleaner world").
   Indigo stays the one CTA colour, recalibrated. The warm green-grey ground and the green
   accents move to a cool porcelain/indigo family so nothing fights the CTA. Section 03's
   Orlo boards take indigo's partners: persimmon, butter, cobalt. Load last. */
:root{
--pa-page:#e9e9e9;--pa-page-2:#e4e4e4;--pa-page-3:#dddddd;--pa-raise:#f2f2f2;--pa-paper:#f8f8f8;
--pa-line:#bdbdbd;--pa-line-2:#d8d8d8;
--pa-ink:#232325;--pa-ink-2:#1e1e20;
--pa-accent:#4338e0;--pa-accent-deep:#2b2860;--pa-slate:#4a4a50;--pa-muted:#5c5c63;--pa-soft:#808088;
--cta-highlight:#6259f2;--cta-mid:#4338e0;--cta-base:#2d24a6;--cta-edge:#211a7c}

/* Buttons: same shape and motion, cleaner indigo. */
:root body .button{border-color:#2a2190;border-top-color:#958cf5}
:root body .button:focus-visible{outline-color:#7d74f2;box-shadow:0 0 0 3px var(--pa-page),0 5px 14px #2d24a630}

/* Grounds */
body{background:var(--pa-page)}
.film-stage,html body .film-stage{background-color:var(--pa-page-2)!important}
.browser-bar{background:var(--pa-page-2)}
.work,#work.is-wheel{background:var(--pa-page-2)}
.brief{background:var(--pa-page-3)}
.standard-story,.review-standard{background:#e6e6e6}
.review-standard{border-top-color:var(--pa-line)}
.review-grid article{border-top-color:var(--pa-line)}
.motion-lab{background:#dedede;border-block-color:#c4c4c4}
.motion-lab .motion-stage{background:radial-gradient(ellipse at 52% 44%,#f9f9f9 0%,#e8e8e8 40%,#d6d6d6 100%)}
.scene-orbit{border-color:#8080802e!important;box-shadow:0 0 0 45px #7070700d,0 0 0 90px #70707006!important}
.approach{background:var(--pa-ink)}
footer.wrap,footer{background:var(--pa-ink-2)}
.approach .button,footer .button{background:#f0f0f0;border-color:#f0f0f0;color:var(--pa-ink)}
.approach .dark-button{color:#f0f0f0;border-color:#8a8a90}

/* Header glass, desktop and the slim mobile bar */
.nav{background:linear-gradient(145deg,rgba(253,253,253,.93),rgba(244,244,244,.86))}
.nav.is-scrolling{background:linear-gradient(145deg,rgba(253,253,253,.6),rgba(244,244,244,.45))}
@media(max-width:800px){html body .nav,html body .nav.at-finish,html body .nav.is-scrolling{background:rgba(249,249,249,.97)!important}}

/* Accents: green becomes indigo and slate */
.reading-progress:before{background:var(--pa-accent)}
.reading-progress a{border-color:#5c5c63;background:var(--pa-page)}
.reading-progress a span{background:var(--pa-page)}
.motion-chapters button{color:var(--pa-muted)}
.motion-chapters i{background:var(--pa-accent)}
.motion-chapters [aria-current],.motion-chapters span{color:var(--pa-accent-deep)}
.motion-chapters button:focus-visible{outline-color:var(--pa-accent)}
.motion-heading .overline{color:#5c5c63}
main h2 em,.motion-lab .motion-heading h2 em{color:var(--pa-soft)}
.approach h2 em,footer h2 em{color:#b4b4bc}
.review-grid article>span,.project-state{color:var(--pa-slate)}
.review-grid p,.standard-copy p{color:#525258}
.seal-note{color:#4d4d55}
.project-number,.wheel-picker button{color:var(--pa-muted)}
.collection-caption p{color:#66666e}
.offer-grid li span{color:#d0d0d0}

/* Project wheel cards */
#work.is-wheel .collection-item{background:var(--pa-paper);border-bottom-color:#b8b8b8;box-shadow:0 3px 0 #c0c0c0,0 5px 0 #e6e6e6,0 20px 34px -18px #2b286055}
#work.is-wheel .collection-image,.collection-image{background:var(--pa-raise);border-color:var(--pa-line-2)}

/* Section 03, Orlo in persimmon, butter and cobalt */
.orlo-board,.orlo-device{--kiln:#f26437;--kiln-d:#c4461f;--bone:#f5f5f5;--paper:#fbfbfb;--ash:#dcdcdc;--celadon:#2d5bd8;--char:#1d1d22;--mute:#6a6a72;--butter:#ffd166;--cobalt:#2d5bd8}
.ob-text p,.os-copy p{color:#4a4a50}
.ob-text li span{color:#343438}
.ob-note{background:var(--butter);color:#3d2f06;box-shadow:0 .5cqw 1.2cqw #2b28602e}
.ob-note:before{color:#7a5c0a}
.ob-photo:after,.od-gallery .od-page:before{background:linear-gradient(0deg,#1d1d22e0,#1d1d2200 58%)}
.motion-lab .orlo-wire{background-color:#ededed;background-image:linear-gradient(#d6d6d666 1px,transparent 1px),linear-gradient(90deg,#d6d6d666 1px,transparent 1px)}
.orlo-wire s{background:#c6c6c6}.orlo-wire s.big{background:#8e8e94}
.ow-page,.ow-mobile{border-color:#9e9ea4;box-shadow:0 .5cqw 0 #d4d4d4}
.ow-nav,.ow-routes>div,.ow-mrow{border-color:#d4d4d4}
.ow-nav span{background:#c6c6c6}.ow-logo,.ow-mnav i{border-color:#8e8e94}
.ow-img,.ow-mimg{background:#e2e2e2;border-color:#bdbdbd;color:#aaaaaf}
.ow-cal{background:#ededed;border-top-color:#d4d4d4}
.ow-cal i{border-color:#c6c6c6}
.ow-pin,.ow-notes b{color:var(--char)}
.ow-pin{box-shadow:0 0 0 .45cqw #f2643740}
.ow-map ul,.ow-map li:before{border-color:#8e8e94;background-color:#8e8e94}
.ow-map ul{background:none}
.oi-mark{color:var(--char)}
.oi-mark small{color:#3a1a0c}
.oi-photo:before{background:var(--cobalt);opacity:.32}
.oi-aa.sans{color:var(--cobalt)}
.oi-colour i span{color:var(--char)!important}
.oi-colour i:nth-child(3) span,.oi-colour i:nth-child(5) span{color:#fff!important}
.motion-lab .orlo-directions{background:#eaeaea}
.is-chosen .od-label span,.od-gallery .od-cta,.os-btn,.op-btn,.os-log .is-new:after{color:var(--char)}
.od-page{box-shadow:0 .4cqw 0 #c2c2c2,0 1.2cqw 2cqw #2b28601c}
.od-journal .od-page{background:var(--paper)}
.od-journal h3{color:var(--cobalt)}
.od-market .od-page{background:var(--char)}
.od-grid>div{background:#2c2c32}
.od-grid em{color:var(--butter)}
.p-bowl{--g:#5b82ea}.p-vase{--g:#ffd166}.p-cup{--g:#f26437;box-shadow:.9cqw .4cqw 0 -.5cqw #f26437}.p-plate{--g:#f7f5fb}
.motion-lab .orlo-site .device-toolbar{background:#ededed;color:#4a4a50;border-bottom-color:var(--ash)}
.os-nav,.os-cards,.os-cards>div{border-color:#e6e6e6}
.os-copy{background:#f3f3f3}
.os-cards .os-spaces{color:var(--kiln-d)}
.os-cards>div:nth-child(2) b{color:var(--cobalt)}
.op-card b{color:var(--char)}
@media(max-width:800px){body .film-tools>div{background:#f2f2f2e0!important;border-color:#ffffffa6!important}}