/* Two additional art directions; the original remains available as A. */
:root[data-palette="purple"]{--accent:#6941e8;--test-dark:#211044;--test-footer:#170b30;--test-card:#301a58;--test-line:#664991;--test-light:#eee5ff;--test-action:#e5ff00;--test-hover:#d2eb00;--test-action-ink:#211044;--test-agent-secondary:#826600}
:root[data-palette="petrol"]{--accent:#007f86;--test-dark:#003b42;--test-footer:#002a30;--test-card:#07505a;--test-line:#427e85;--test-light:#def4f4;--test-action:#ff574a;--test-hover:#f04438;--test-action-ink:#201715;--test-agent-secondary:#c52e24}
:root[data-palette="purple"],:root[data-palette="petrol"]{--werkzap-orange:var(--test-action);--werkzap-orange-hover:var(--test-hover);--werkzap-on-orange:var(--test-action-ink);--primary-border:var(--accent);--primary-on-dark:var(--test-light)}
:root[data-palette]:not([data-palette="original"]) .systems{background:var(--test-dark)}
:root[data-palette]:not([data-palette="original"]) .systems .everyday-tools,:root[data-palette]:not([data-palette="original"]) .systems .system-category{background:var(--test-card);border-color:var(--test-line)}
:root[data-palette]:not([data-palette="original"]) .systems-heading>p{color:var(--test-light)}
:root[data-palette]:not([data-palette="original"]) .systems .integration-bridge{color:var(--test-line)}
:root[data-palette]:not([data-palette="original"]) .site-footer{background:var(--test-footer)}
:root[data-palette]:not([data-palette="original"]) .site-footer .footer-about p,:root[data-palette]:not([data-palette="original"]) .site-footer .footer-column a,:root[data-palette]:not([data-palette="original"]) .site-footer .footer-bottom,:root[data-palette]:not([data-palette="original"]) .site-footer .footer-bottom a{color:var(--test-light)}
:root[data-palette]:not([data-palette="original"]) .site-footer .footer-bottom{border-color:var(--test-line)}
:root[data-palette]:not([data-palette="original"]) .site-header.is-over-dark{background:var(--test-dark)}
:root[data-palette]:not([data-palette="original"]) .industry-example,:root[data-palette]:not([data-palette="original"]) .industry-tabs button.selected{background:var(--test-action);color:var(--test-action-ink);border-color:var(--test-action)}
:root[data-palette]:not([data-palette="original"]) .industry-example :is(h3,.eyebrow,p,#industry-checks,.example-label){color:var(--test-action-ink)}
:root[data-palette]:not([data-palette="original"]) .industry-tabs button:hover{border-color:var(--test-action)}
:root[data-palette]:not([data-palette="original"]) .preview-bar>span i{background:var(--test-action)}
:root[data-palette]:not([data-palette="original"]) .contact .pilot-includes span:before{color:var(--test-agent-secondary)}
:root[data-palette]:not([data-palette="original"]) .agent-tabs>button:first-child[aria-selected=true] .agent-icon,:root[data-palette]:not([data-palette="original"]) .agent-nav[data-kind="planning"] .film-zap{background:var(--accent)}
:root[data-palette]:not([data-palette="original"]) .agent-tabs>button:nth-child(2)[aria-selected=true] .agent-icon,:root[data-palette]:not([data-palette="original"]) .agent-nav[data-kind="uitvoering"] .film-zap{background:var(--test-agent-secondary)}
:root[data-palette]:not([data-palette="original"]) #auto-demo[data-flow="planning"]{--agent-color:var(--accent)}
:root[data-palette]:not([data-palette="original"]) #auto-demo[data-flow="uitvoering"]{--agent-color:var(--test-agent-secondary)}
.palette-switch{display:flex;gap:3px;border-left:1px solid #ffffff40;padding-left:10px}
.palette-switch a{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;font-size:11px;color:#fff;text-decoration:none}
.palette-switch a[aria-current="page"]{background:#fff;color:#171b26}
.palette-switch a:hover{outline:1px solid #fff}
.palette-switch a:focus-visible{outline:2px solid #fff;outline-offset:2px}
@media(max-width:480px){.preview-bar small{display:none}.palette-switch{padding-left:6px}.palette-switch a{width:24px;height:24px}.preview-bar{gap:7px}}