
:root{--az-bg:#f7f8fa;--az-surface:#fff;--az-soft:#e5e8ee;--az-text:#18191c;--az-body:#454c59;--az-muted:#626a79;--az-border:#d7dce5;--az-link:#2057b8;--az-panel:linear-gradient(115deg,#eaf4ef,#eef0fa 65%,#eee8ff)}
:root[data-theme="dark"]{--az-bg:#18191c;--az-surface:#22252b;--az-soft:#2a2f38;--az-text:#f7f8fa;--az-body:#d6dce5;--az-muted:#bbc3d0;--az-border:#454c59;--az-link:#afcbef;--az-panel:linear-gradient(115deg,#253b35,#252c40 65%,#342b44)}

:root[data-theme="dark"]{--ink:var(--az-text);--muted:var(--az-muted);--paper:var(--az-bg);--cream:var(--az-bg);--white:var(--az-surface);--soft:var(--az-soft);--line:var(--az-border);--green:var(--az-link);--blue:var(--az-link);--purple:#c9b6ff;color:var(--az-text);background:var(--az-bg)}
body{background:var(--az-bg);color:var(--az-text)}.az-floating-theme{position:fixed;bottom:18px;left:18px;z-index:9999}:root[data-theme="dark"] .arzen-wordmark{filter:invert(1)!important}header,.header,.site-header,.nav{background:var(--az-bg)!important;color:var(--az-text)!important}.arzen-wordmark{filter:none!important}header .brand,header .brand-product,header .brand-sub{color:var(--az-text)!important}
:root[data-theme="dark"] button:hover:not(:disabled){background:var(--az-surface)!important}
:root[data-theme="dark"] p{color:var(--az-muted)!important}
:root[data-theme="dark"] .eyebrow{color:var(--az-muted)!important}
:root[data-theme="dark"] .brand small{color:var(--az-muted)!important}
:root[data-theme="dark"] .nav-cta{border-color:var(--az-border)!important}
:root[data-theme="dark"] .hero-proof{color:var(--az-muted)!important}
:root[data-theme="dark"] .viewer{background:var(--az-surface)!important}
:root[data-theme="dark"] .floating-note small{color:var(--az-muted)!important}
:root[data-theme="dark"] .product-caption{color:var(--az-muted)!important}
:root[data-theme="dark"] .feature-band svg{color:var(--az-link)!important}
:root[data-theme="dark"] .feature-band small{color:var(--az-muted)!important}
:root[data-theme="dark"] .story h2 span{color:var(--az-muted)!important}
:root[data-theme="dark"] .experience{background:var(--az-surface)!important;border:1px solid var(--az-border)!important}
:root[data-theme="dark"] .server-status{color:var(--az-muted)!important}
:root[data-theme="dark"] .tabbar button{color:var(--az-muted)!important}
:root[data-theme="dark"] .status-badge,:root[data-theme="dark"] .pill{border:1px solid var(--az-border)!important;background:var(--az-surface)!important;color:var(--az-muted)!important}
:root[data-theme="dark"] .transport .mono{color:var(--az-muted)!important}
:root[data-theme="dark"] .telemetry small{color:var(--az-muted)!important}
:root[data-theme="dark"] .scenario-bar button{border-color:var(--az-border)!important}
:root[data-theme="dark"] .control-panel{background:var(--az-surface)!important;border:1px solid var(--az-border)!important}
:root[data-theme="dark"] .toggle-row small{color:var(--az-muted)!important}
:root[data-theme="dark"] .switch{background:var(--az-surface)!important}
:root[data-theme="dark"] .switch:after{background:var(--az-surface)!important}
:root[data-theme="dark"] .select-row select,:root[data-theme="dark"] .select-row input{background:var(--az-surface)!important;border:1px solid var(--az-border)!important;color:var(--az-link)!important}
:root[data-theme="dark"] .caption{color:var(--az-muted)!important}
:root[data-theme="dark"] .timeline-label{color:var(--az-muted)!important}
:root[data-theme="dark"] .timeline-label span:last-child{color:var(--az-muted)!important}
:root[data-theme="dark"] .timeline-blocks{background:var(--az-surface)!important}
:root[data-theme="dark"] .legend{color:var(--az-muted)!important}
:root[data-theme="dark"] .event-log{background:var(--az-surface)!important}
:root[data-theme="dark"] .event-log>div{border-bottom:1px solid var(--az-border)!important}
:root[data-theme="dark"] .event-log .mono{color:var(--az-muted)!important}
:root[data-theme="dark"] .explode-control{background:var(--az-surface)!important}
:root[data-theme="dark"] .part-pills{background:var(--az-surface)!important}
:root[data-theme="dark"] .module-detail li{color:var(--az-muted)!important}
:root[data-theme="dark"] .pcb-drawing{background:var(--az-surface)!important}
:root[data-theme="dark"] .spec-list dt{color:var(--az-muted)!important}
:root[data-theme="dark"] th{color:var(--az-muted)!important;background:var(--az-surface)!important}
:root[data-theme="dark"] td{color:var(--az-link)!important}
:root[data-theme="dark"] .model-stats>div{background:var(--az-surface)!important;border:1px solid var(--az-border)!important}
:root[data-theme="dark"] .model-stats small{color:var(--az-muted)!important}
:root[data-theme="dark"] .test-selector small{color:var(--az-muted)!important}
:root[data-theme="dark"] .evidence-card{background:var(--az-surface)!important}
:root[data-theme="dark"] .evidence-row{border-bottom:1px solid var(--az-border)!important}
:root[data-theme="dark"] .evidence-row span{color:var(--az-muted)!important}
:root[data-theme="dark"] .evidence-row b{color:var(--az-muted)!important}
:root[data-theme="dark"] .evidence-card ul,:root[data-theme="dark"] .evidence-card ol{color:var(--az-muted)!important}
:root[data-theme="dark"] .verdict{border:1px solid var(--az-border)!important;background:var(--az-surface)!important;color:var(--az-muted)!important}
:root[data-theme="dark"] .ota-steps>div{border:1px solid var(--az-border)!important;color:var(--az-muted)!important}
:root[data-theme="dark"] .ota-steps>div.done{color:var(--az-muted)!important;background:var(--az-surface)!important}
:root[data-theme="dark"] .ota-detail{background:var(--az-surface)!important}
:root[data-theme="dark"] .closing button{border-color:var(--az-border)!important}
:root[data-theme="dark"] footer>span{color:var(--az-muted)!important}
:root[data-theme="dark"] .skip-link{background:var(--az-surface)!important}
:root[data-theme="dark"] .design-options{border:1px solid var(--az-border)!important}
:root[data-theme="dark"] .finish-swatches button{background:var(--az-surface)!important;border:1px solid var(--az-border)!important}
:root[data-theme="dark"] .design-actions .secondary{border:1px solid var(--az-border)!important}
:root[data-theme="dark"] .design-actions .secondary.active{background:var(--az-surface)!important}
:root[data-theme="dark"] .design-explode input{accent-color:var(--az-link)!important}
:root[data-theme="dark"] .design-details p,:root[data-theme="dark"] .design-options p{color:var(--az-link)!important}
:root[data-theme="dark"] .design-gallery figure{background:var(--az-surface)!important}
:root[data-theme="dark"] .design-gallery figcaption{color:var(--az-link)!important}
:root[data-theme="dark"] .factory-summary article{border:1px solid var(--az-border)!important}
:root[data-theme="dark"] .factory-summary p,:root[data-theme="dark"] .factory-section p{color:var(--az-link)!important}
:root[data-theme="dark"] .factory-filters label{border:1px solid var(--az-border)!important}
:root[data-theme="dark"] .factory-bom{border:1px solid var(--az-border)!important}
:root[data-theme="dark"] .factory-bom thead{background:var(--az-surface)!important}
:root[data-theme="dark"] .factory-bom small{color:var(--az-muted)!important}
:root[data-theme="dark"] ::selection{color:var(--az-text)!important}
:root[data-theme="dark"] .hero h1>span{color:var(--az-link)!important}
