@import url('themes/tokens.css?v=1');
/* Three reversible directions; the original uses no data-palette attribute. */
:root[data-palette="yellow"]{--bg:#ffffff;--ink:#20262e;--muted:#596474;--line:#d7dde5;--orange:#815d00;--lime:#ffda24;--peach:#fff3bf;--lavender:#e9edf2;--brand:#ffd21c;--brand-hover:#f2c000;--brand-ink:#20262e;--brand-link:#815d00;--brand-soft:#fff5c9;--brand-tint:#fff9e2;--card-alt:#e9edf2;--deep:#222a34;--deep-hover:#303b49;--deep-text:#fff;--accent-on-dark:#ffda24}
:root[data-palette="cobalt"]{--bg:#f4f7fc;--ink:#182840;--muted:#52637b;--line:#d3ddeb;--orange:#1854ce;--lime:#dce8ff;--peach:#e9f0fc;--lavender:#e2eaff;--brand:#225ee8;--brand-hover:#184bc0;--brand-ink:#fff;--brand-link:#1854ce;--brand-soft:#dfebff;--brand-tint:#eef4ff;--card-alt:#e6edf8;--deep:#142d59;--deep-hover:#1a3a70;--deep-text:#fff;--accent-on-dark:#91c5ff}
:root[data-palette="titan"]{--bg:#eff3f5;--ink:#1b303a;--muted:#526773;--line:#cbd7df;--orange:#006c72;--lime:#cef1ef;--peach:#e1edee;--lavender:#e2eaef;--brand:#00777c;--brand-hover:#005e63;--brand-ink:#fff;--brand-link:#006c72;--brand-soft:#d1eeeb;--brand-tint:#e9f5f3;--card-alt:#dde7ed;--deep:#183640;--deep-hover:#234954;--deep-text:#fff;--accent-on-dark:#68e1d2}
:root[data-palette] body{background:var(--bg);color:var(--ink)}
:root[data-palette] .header-cta,:root[data-palette] .legal-contact{background:var(--brand);border-color:var(--brand);color:var(--brand-ink)}
:root[data-palette] .header-cta:hover,:root[data-palette] .legal-contact:hover{background:var(--brand-hover);color:var(--brand-ink)}
:root[data-palette] .hero-composition .hero-part{background:#fff;border:1px solid var(--line)}
:root[data-palette] .hero-composition .suppliers-panel{background:var(--brand-soft)}
:root[data-palette] .hero-composition .ai-panel{background:var(--card-alt)}
:root[data-palette] .hero-composition .cross-panel{background:var(--brand-tint)}
:root[data-palette] .hero-composition .dismantling-panel{background:var(--card-alt)}
:root[data-palette] .hero-composition .shop-panel{background:#fff}
:root[data-palette] .hero-composition .catalog-panel{background:var(--brand-tint)}
:root[data-palette] .hero-composition .hero-part h2,:root[data-palette] .hero-composition .panel-bottom p{color:var(--ink)}
:root[data-palette] .hero-card-arrow{color:var(--brand-link)}
:root[data-palette] .hero-custom{background:var(--deep);color:var(--deep-text)}
:root[data-palette] .hero-custom:hover{background:var(--deep-hover)}
:root[data-palette] .hero-custom h2{color:var(--deep-text)}
:root[data-palette] .hero-custom p{color:var(--accent-on-dark)}
:root[data-palette] .hero-custom-code{color:#c4d0dc}
:root[data-palette] .hero-custom-arrow{color:var(--accent-on-dark);border-color:var(--accent-on-dark)}
:root[data-palette] .integration-hub{background:var(--deep);border-color:var(--deep);color:#fff}
:root[data-palette] .integration-hub>b>span{color:var(--accent-on-dark)}
:root[data-palette] .integrations-board{background-color:var(--card-alt)}
:root[data-palette] .integration-node{background:#fff;border-color:var(--line)}
:root[data-palette] .integration-icon{background:var(--brand-soft);color:var(--brand-link)}
:root[data-palette] .prices-section{background:var(--card-alt)}
:root[data-palette] .pricing-approach{background:var(--brand-tint);border-color:var(--line)}
:root[data-palette] .pricing-approach .pricing-cta,:root[data-palette] #contact-form .submit{background:var(--brand);border-color:var(--brand);color:var(--brand-ink)}
:root[data-palette] .pricing-approach .pricing-cta>span,:root[data-palette] #contact-form .submit>span{color:inherit}
:root[data-palette] #contact-form .submit:hover{background:var(--brand-hover)}
:root[data-palette] #contact-form.contact-card{border-top-color:var(--brand)}
:root[data-palette] .contact-form-icon{background:var(--brand-soft);color:var(--brand-link)}
:root[data-palette] .legal-title span,:root[data-palette] .legal-top,:root[data-palette] .legal-section a{color:var(--brand-link)}
:root[data-palette] .legal-documents a[aria-current]{background:var(--deep);color:#fff}
:root[data-palette] .legal-pill,:root[data-palette] .legal-kv,:root[data-palette] .legal-note,:root[data-palette] .legal-sig-card,:root[data-palette] .legal-dpa-head{background:var(--brand-tint);border-color:var(--line)}
:root[data-palette] .footer-legal a:hover{color:var(--brand-link)}
/* Review controls: a separate bar, never covering page content or shrinking it. */
.palette-bar{position:relative;z-index:30;background:#fff;border-bottom:1px solid #d8dee5;color:#26313e;font-family:'IBM Plex Sans',Arial,sans-serif}
.palette-inner{width:min(1360px,calc(100% - 96px));margin:auto;display:flex;align-items:center;gap:22px;padding:12px 0}
.palette-label{font-size:14px;font-weight:600;line-height:1.4;white-space:nowrap}
.palette-options{display:flex;flex-wrap:wrap;gap:7px}
.palette-option{display:flex;align-items:center;gap:8px;min-height:38px;padding:8px 12px;border:1px solid #d7dee7;border-radius:6px;color:#465367;background:#fff;font-size:14px;font-weight:500;line-height:1.3;cursor:pointer;white-space:nowrap}
.palette-option:hover{background:#f0f3f7;border-color:#9eacbd}
.palette-option[aria-pressed="true"]{border-color:#273546;box-shadow:inset 0 0 0 1px #273546;color:#182333;font-weight:600;background:#f2f5f8}
.palette-swatch{width:12px;height:12px;display:inline-block;border-radius:50%;border:1px solid #0002;flex-shrink:0}
.palette-option[data-palette-choice="original"] .palette-swatch{background:#c7d9a2}
.palette-option[data-palette-choice="yellow"] .palette-swatch{background:#ffd21c}
.palette-option[data-palette-choice="cobalt"] .palette-swatch{background:#225ee8}
.palette-option[data-palette-choice="titan"] .palette-swatch{background:#00777c}
.palette-option:focus-visible{outline:3px solid #2c67ca;outline-offset:3px}
@media(max-width:1100px){.palette-inner{width:calc(100% - 56px);gap:14px}}
@media(max-width:700px){.palette-inner{width:calc(100% - 40px);display:block;padding:12px 0}.palette-label{display:block;margin-bottom:9px}.palette-options{display:grid;grid-template-columns:1fr 1fr;gap:6px}.palette-option{padding:9px 10px;font-size:13px;white-space:normal}.palette-swatch{width:10px;height:10px}}
@media print{.palette-bar{display:none}}
/* The yellow direction uses a clear automotive accent, rather than ochre headline text. */
:root[data-palette="yellow"] .hero h1 em{color:var(--ink);background:linear-gradient(transparent 66%,#ffd21c 66%);box-decoration-break:clone;-webkit-box-decoration-break:clone}
:root[data-palette="yellow"] .hero-composition .suppliers-panel{background:#ffe16a}
:root[data-palette="yellow"] .hero-composition .cross-panel,:root[data-palette="yellow"] .hero-composition .catalog-panel{background:#fff}
:root[data-palette="yellow"] .logo>span,:root[data-palette="yellow"] .hero-card-arrow{color:#20262e}
:root[data-palette] .qs-workspace{--qs-blue:var(--brand-link)}
:root[data-palette] .qs-search>button,:root[data-palette] .qs-add,:root[data-palette] .xb-cta a,:root[data-palette] .gallery-cta a{background:var(--brand);border-color:var(--brand);color:var(--brand-ink)}
:root[data-palette] .qs-search>button:hover,:root[data-palette] .qs-add:hover{background:var(--brand-hover)}
:root[data-palette] .qs-add[aria-pressed=true],:root[data-palette] .qs-examples button[aria-pressed=true]{background:var(--brand-soft);border-color:var(--brand);color:var(--brand-link)}
:root[data-palette="yellow"] .legal-title span{color:var(--ink);background:linear-gradient(transparent 72%,#ffd21c 72%);box-decoration-break:clone;-webkit-box-decoration-break:clone}
/* Keep the phone chooser's selected/hover states in the approved yellow palette. */
:root[data-palette="yellow"] .partix-phone .iti__country[aria-selected=true]{background:#fff5c9}
:root[data-palette="yellow"] .partix-phone .iti__country.iti__highlight{background:#fff0ae}