/* Six coordinated palettes. Nested workspace colours are mapped in theme-surfaces.css. */
:root{--palette-bg:#080e1e;--palette-text:#f2f5ff;--palette-muted:#adbed8;--palette-accent:#a9bcf2;--palette-line:#a4bee92b;--palette-card:#122139;--palette-card-text:#f2f5ff;--palette-card-muted:#adbed8;--palette-a:#101b30e8;--palette-b:#0b1528d9;--palette-c:#17243be8;--particle-a:#b8a9e4;--particle-b:#96b9ec}
html[data-theme=sable]{--palette-bg:#f3f0e9;--palette-text:#11182a;--palette-muted:#586070;--palette-accent:#c43f35;--palette-line:#18203925;--palette-card:#fffaf3;--palette-card-text:#11182a;--palette-card-muted:#626471;--palette-a:#e8e3d9ed;--palette-b:#f8f5efdc;--palette-c:#eee8dfed;--particle-a:#c54b40;--particle-b:#46536f;--selection-accent:#c43f35}
html[data-theme=lusion]{--palette-bg:#f1f0fa;--palette-text:#17171d;--palette-muted:#60606c;--palette-accent:#3232e8;--palette-line:#19192422;--palette-card:#fff;--palette-card-text:#17171d;--palette-card-muted:#666674;--palette-a:#e3e3f1ed;--palette-b:#f9f9fddc;--palette-c:#eae9f5ed;--particle-a:#3434e8;--particle-b:#7676ae;--selection-accent:#3232e8}
html[data-theme] body,html[data-theme] body[data-page] main{background:var(--palette-bg);color:var(--palette-text)}
html[data-theme] body[data-page] main>section[data-chapter]{background:var(--palette-a);border-block:1px solid var(--palette-line)}
html[data-theme] body[data-page] main>section[data-tone=b]{background:var(--palette-b)}
html[data-theme] body[data-page] main>section[data-tone=c]{background:var(--palette-c)}
html[data-theme] body[data-page] :is(.next-section-intro h2,.next-why h2,.section-heading h2,.faq-intro h2,.detail-intro h2,.about-story h2){color:var(--palette-text);text-shadow:none}
html[data-theme] body[data-page] :is(.next-section-intro h2>span,.next-why h2>span,.section-heading h2>span){color:var(--palette-accent)}
html[data-theme] body[data-page] :is(.next-section-intro>p,.next-why-copy>p,.section-heading>p,.faq-intro>p,.detail-intro>p,.about-story>p,.next-journey-note,.next-inside-note,.next-services-bottom,.starting-paths>p){color:var(--palette-muted);text-shadow:none}
html[data-theme] body[data-page] :is(.next-kicker,.eyebrow){color:var(--palette-accent)}
.chapter-index{display:inline-flex;align-items:center;justify-content:center;min-width:31px;height:25px;margin-right:12px;border:1px solid currentColor;border-radius:5px;font-size:10px;letter-spacing:0;vertical-align:middle}
html[data-theme] body[data-page] .next-section-intro:before{display:none}
/* The services are typographic cards: no repeated miniature dashboards. */
html[data-theme] body[data-page] .next-service-card.capability-card{background:var(--palette-card);border-color:var(--palette-line);box-shadow:none}
html[data-theme] body[data-page] .cap-art{height:80px;background:none;border:0;display:flex;align-items:center;padding:26px 28px}
html[data-theme] body[data-page] .cap-art:before,html[data-theme] body[data-page] .cap-art:after{display:none}
.cap-symbol{display:flex;color:var(--palette-accent)}
html[data-theme] body[data-page] .cap-index{top:31px;font-size:11px;color:var(--palette-muted)}
html[data-theme] body[data-page] .cap-content{padding-top:10px}
html[data-theme] body[data-page] .cap-content h3{color:var(--palette-card-text);font-size:clamp(24px,2.3vw,32px)}
html[data-theme] body[data-page] .cap-content p{color:var(--palette-card-muted)}
html[data-theme] body[data-page] :is(.cap-category,.cap-link){color:var(--palette-accent)}
html[data-theme] body[data-page] .cap-link{border-color:var(--palette-line)}
html[data-theme] body[data-page] .capability-card:hover{border-color:var(--palette-accent);transform:translateY(-4px)}
/* An editorial partnership statement replaces the stock photograph. */
html body[data-page=home] .agency-grid{grid-template-columns:1fr}
html body[data-page=home] .agency-photo{display:none}
html body[data-page=home] .agency-copy{max-width:850px}
html body[data-page=home] .agency-copy p{max-width:670px}
html[data-theme] body[data-page] :is(.site-header,.site-header.is-process-view){background:color-mix(in srgb,var(--palette-bg) 94%,transparent);border-color:var(--palette-line)}
html[data-theme] body[data-page] :is(.site-nav a,.menu-toggle){color:var(--palette-text)}
html[data-theme] body[data-page] .site-nav a:hover{color:var(--selection-accent)}
html[data-theme] body[data-page] .site-footer{background:var(--palette-bg);border-color:var(--palette-line)}
html[data-theme] body[data-page] .site-footer :is(h3,a){color:var(--palette-text)}
html[data-theme] body[data-page] .site-footer :is(p,.footer-bottom){color:var(--palette-muted)}
html[data-theme] body[data-page] .footer-wordmark{color:var(--palette-line)}
html:not([data-theme=current]) body[data-page] :is(.next-hero,.signature-section,.capability-strip){background:var(--palette-bg);border-color:var(--palette-line)}
html:not([data-theme=current]) body[data-page] :is(.next-hero-copy h1,.next-hero-copy h1 span,.work-breadcrumb,.next-hero-foot,.next-hero-points,.hero-solar-core b,.hero-solar-core small,.work-hero-baseline){color:var(--palette-text)}
html:not([data-theme=current]) body[data-page] .next-hero-copy h1 span{color:var(--palette-accent)}
html:not([data-theme=current]) body[data-page] :is(.next-hero-copy>p,.next-hero-points span,.capability-strip span){color:var(--palette-muted)}
html:not([data-theme=current]) body[data-page] .hero-solar-label{background:color-mix(in srgb,var(--palette-bg) 85%,transparent);border-color:var(--palette-line);box-shadow:0 6px 24px #17172c0c;color:var(--palette-text)}
html:not([data-theme=current]) body[data-page] .hero-solar-label :is(b,span){color:var(--palette-text)}
html:not([data-theme=current]) body[data-page] .hero-solar-core-light{opacity:.15}
html:not([data-theme=current]) body[data-page] .next-hero-flow{opacity:.5;filter:saturate(.55)}
html:not([data-theme=current]) body[data-page] .button{background:var(--palette-accent);border-color:var(--palette-accent);color:#fff;box-shadow:none}
html:not([data-theme=current]) body[data-page] .button--outline{background:transparent;color:var(--palette-text);border-color:var(--palette-line)}
html:not([data-theme=current]) body[data-page] :is(.text-link,.next-services-bottom a,.faq-intro .text-link){color:var(--palette-accent)}
html:not([data-theme=current]) body[data-page] :is(.next-why-card,.next-why-point,.starting-card,.value-card,.scope-card,.service-card,.work-principle,.work-agreement-panel,.project-form,.page-shell){background:var(--palette-card);border-color:var(--palette-line);box-shadow:none}
html:not([data-theme=current]) body[data-page] :is(.starting-card,.value-card,.scope-card,.service-card,.work-principle,.work-agreement-panel,.project-form,.page-shell) :is(h1,h2,h3,strong,b,label,.field>span){color:var(--palette-card-text)}
html:not([data-theme=current]) body[data-page] :is(.starting-card,.value-card,.scope-card,.service-card,.work-principle,.work-agreement-panel,.project-form,.page-shell) :is(p,li,small){color:var(--palette-card-muted)}
html:not([data-theme=current]) body[data-page] :is(.starting-top,.starting-action,.card-footer,.work-principle-outcome){color:var(--palette-accent);border-color:var(--palette-line)}
html:not([data-theme=current]) body[data-page] .faq-list details{background:transparent;border-color:var(--palette-line);box-shadow:none}
html:not([data-theme=current]) body[data-page] .faq-list summary{color:var(--palette-text)}
html:not([data-theme=current]) body[data-page] .faq-list p{color:var(--palette-muted)}
html:not([data-theme=current]) body[data-page] :is(input,select,textarea){background:var(--palette-bg);color:var(--palette-text);border-color:var(--palette-line)}
html:not([data-theme=current]) body[data-page] .breadcrumb{color:var(--palette-muted)}
html:not([data-theme=current]) body[data-page] .breadcrumb a{color:var(--palette-accent)}
/* Complex interactive demonstrations keep a deliberate dark workspace. */
html:not([data-theme=current]) body[data-page] :is(.process-story-scene,.story-shell,.next-workbench-shell,.agency-panel,.cta-panel,.contact-intro,.work-map){background:var(--scene-base);border-color:color-mix(in srgb,var(--scene-muted) 40%,transparent)}
html:not([data-theme=current]) body[data-page] :is(.agency-panel,.cta-panel,.contact-intro) :is(h1,h2,h3,p,.eyebrow){color:#f4f3f7}
html:not([data-theme=current]) body[data-page] :is(.agency-panel,.cta-panel) .button{background:#f4f3f7;border-color:#f4f3f7;color:#161623}
/* A coral chapter and an electric-blue chapter provide the references' bold contrast. */
html[data-theme=sable] body[data-page=home] #why-pexlino{background:#ed6b5c;--palette-text:#171c2a;--palette-muted:#3e3440;--palette-accent:#171c2a;--palette-line:#211b282f}
html[data-theme=lusion] body[data-page=home] #why-pexlino{background:#3333df;--palette-text:#fff;--palette-muted:#e0e0ff;--palette-accent:#fff;--palette-line:#ffffff35}
/* Compact palette control, available on every page. */
.theme-picker{position:fixed;bottom:20px;right:22px;z-index:110;color:var(--palette-text);font-size:12px}
.theme-toggle{display:flex;align-items:center;gap:10px;min-height:44px;padding:10px 16px;border:1px solid var(--palette-line);border-radius:99px;background:var(--palette-card);color:var(--palette-card-text);box-shadow:0 8px 25px #0002;cursor:pointer;font:inherit}
.theme-toggle svg{width:16px;height:16px}.theme-toggle small{opacity:.6;font-size:10px}
.theme-panel{position:absolute;bottom:54px;right:0;width:248px;padding:14px;border:1px solid var(--palette-line);border-radius:16px;background:var(--palette-card);color:var(--palette-card-text);box-shadow:0 12px 45px #0003}
.theme-panel[hidden]{display:none}.theme-panel>p{margin:2px 8px 12px;color:var(--palette-card-muted);font-size:11px}
.theme-choice{display:flex;align-items:center;gap:12px;width:100%;padding:11px 9px;border:1px solid transparent;border-radius:9px;background:none;color:inherit;cursor:pointer;text-align:left;font:inherit}
.theme-choice[aria-pressed=true]{border-color:var(--palette-line);background:color-mix(in srgb,var(--palette-accent) 9%,transparent)}
.theme-choice:after{content:'✓';margin-left:auto;opacity:0}.theme-choice[aria-pressed=true]:after{opacity:1}
.theme-swatch{width:29px;height:29px;border-radius:50%;border:1px solid #80808050;background:conic-gradient(#080e1e 50%,#a9bcf2 0 75%,#f4b665 0)}
[data-theme-choice=sable] .theme-swatch{background:conic-gradient(#f3f0e9 50%,#ed6b5c 0 75%,#141c2d 0)}
[data-theme-choice=lusion] .theme-swatch{background:conic-gradient(#f1f0fa 50%,#3333df 0 75%,#19191f 0)}
.theme-choice span:last-of-type small{display:block;font-size:10px;opacity:.65;margin-top:2px}
.theme-picker button:focus-visible{outline:2px solid var(--palette-accent);outline-offset:3px}
html[data-theme] body[data-page] .next-why p{color:var(--palette-muted)}
html[data-theme] body[data-page] .next-why-path{color:var(--palette-text);border-color:var(--palette-line)}
html[data-theme] body[data-page] .next-why-path span{color:var(--palette-text)}
html:not([data-theme=current]) body[data-page] :is(.detail-intro,.about-story,.section-heading) p{color:var(--palette-muted)}
html:not([data-theme=current]) body[data-page] .stack-strip{background:var(--palette-bg);color:var(--palette-muted);border-color:var(--palette-line)}
html:not([data-theme=current]) body[data-page] .stack-strip h2{color:var(--palette-muted)}
html:not([data-theme=current]) body[data-page] .button:before,html:not([data-theme=current]) body[data-page] .button:after{opacity:0}
html:not([data-theme=current]) .button-spark{display:none}
@media(max-width:760px){.button-spark{display:none}}
@media(max-width:760px){.theme-picker{bottom:12px;right:12px}.theme-toggle{padding:9px 13px}.theme-toggle small{display:none}html[data-theme] body[data-page] .site-nav{background:var(--palette-bg)}.chapter-index{margin-right:8px}html[data-theme] body[data-page] .cap-art{height:70px}}