/* SHAKL documentation shell: neutral grayscale only. Visual examples keep their source palette. */
:root{--ds-bg:#f2f2f2!important;--ds-stroke:#dedede!important;--ds-muted:#737373!important}
html,body{background:#f2f2f2!important}
.ds-layout,.ds-main,.wrap,.ux-wrap,.docs-shell,.shell,.layout,.body{background:transparent}
.ds-aside,.side{background:#ededed!important;border-color:#d6d6d6!important}
.ds-card,.card,.ux-card,.docs-card,.panel,.metric,.item,.ds-link,.ds-result,.ds-state,.docs-state,.visual-directory>a,.icon-card{background:#fff!important;border-color:#dedede!important}
.ds-preview,.stage:not(.dark):not(.pattern):not(.glass),.ux-stage,.ds-panel,.fx-marker-wrap,.fx-grid-item,.docs-note,.notice{background-color:#eeeeee!important;border-color:#d8d8d8!important}
.ds-nav a:hover,.ds-nav a.is-active,.nav button.on,.side .nav button.on{background:#dcdcdc!important;color:#171717!important}
.ds-eyebrow,.eyebrow,.ds-label,.ux-nav a,.nav a,.docs-link{color:#505050!important}
.ds-bubble,.ds-chip,.tag{background:#e5e5e5!important;color:#444!important;border-color:#d5d5d5!important}
.ds-link:hover,.visual-directory>a:hover,.icon-card:hover{border-color:#999!important}
.ds-search,.search,.controls button,.state-switches button,.tools input{background:#fff!important;border-color:#d5d5d5!important}
.ds-footer,.ds-head,.header{border-color:#d6d6d6}
/* Keep showcase color chips, gradients, glass, original PathPilot footer, icon SVGs and active UI states intact. */