.theme-switch{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:42px;height:42px;padding:10px;border:1px solid var(--line);border-radius:50%;background:transparent;color:var(--ink);cursor:pointer}
.theme-switch:hover{background:color-mix(in srgb,var(--ink) 8%,transparent)}
.theme-switch svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.theme-switch:focus-visible{outline:2px solid var(--ink);outline-offset:4px}
html[data-theme="dark"]{--ink:#eeeee8;--muted:#a8aaa4;--line:#333631;--paper:#141613;color-scheme:dark}
html[data-theme="dark"] body{background:var(--paper);color:var(--ink)}
html[data-theme="dark"] ::selection{background:#485448;color:#fff}
html[data-theme="dark"] .social-link:hover,html[data-theme="dark"] .screen-marquee-controls button:hover{background:#2b3029}
html[data-theme="dark"] :is(.pill,header nav .nav-contact){background:#090b09;color:#f4f5ef;border-color:#4c5149}
html[data-theme="dark"] :is(.pill,header nav .nav-contact):hover{background:#2d322b}
html[data-theme="dark"] :is(.contact,.case-opportunity,.outcome-panel){background:#20251f;color:var(--ink);border:1px solid var(--line)}
html[data-theme="dark"] :is(.contact,.case-opportunity) .pill{background:#edf0e7;color:#171b15}
html[data-theme="dark"] :is(.detail-card,.workflow-model article,.case-study-grid article,.role-grid article,.voya-outcome-grid article,.mmv-lifecycle article,.mwv-role-grid article){background:#20251f;color:var(--ink);border-color:var(--line)}
html[data-theme="dark"] :is(.workflow-model article,.case-study-grid article,.mmv-lifecycle article,.mwv-role-grid article):nth-child(2){background:#252b31}
html[data-theme="dark"] :is(.mmv-lifecycle,.mwv-role-grid){background:var(--line);border-color:var(--line)}
html[data-theme="dark"] .project-art.voyaroam,html[data-theme="dark"] .next-project.voyaroam{background:#1d332a;color:#c2e8d5}
html[data-theme="dark"] .project-art.fiitpub,html[data-theme="dark"] .next-project.fiitpub{background:#2b3424;color:#d9eac9}
html[data-theme="dark"] .project-art.meetings,html[data-theme="dark"] .next-project.meetings{background:#2c2939;color:#d9d2ef}
html[data-theme="dark"] .project-art.meetings-mobile,html[data-theme="dark"] .next-project.meetings-mobile{background:#24333c;color:#cce1ed}
html[data-theme="dark"] :is(.case-banner,.story-media,.full-visual-frame,.case-gallery figure,.visual-editorial-frame,.visual-wireframes figure,.mwv-gallery-grid figure){border-color:var(--line)}
html[data-theme="dark"] .story-media figcaption{background:#20251fee;color:var(--ink)}
html[data-theme="dark"] :is(.visual-phone-trio,.visual-device-pair,.voya-hero-phones,.mmv-hero-phones,.voya-lifecycle-visual,.voya-stage-mint,.voya-stage-light,.voya-install-stage,.voya-state-stage,.mmv-home-stage,.mmv-real-pair,.mmv-concept-stage,.mmv-recommendation-stage,.mwv-hero-canvas,.mwv-live-pair){background:linear-gradient(135deg,#202b25,#20242b);color:var(--ink)}
html[data-theme="dark"] .voya-stage-message,html[data-theme="dark"] .visual-pair-words{color:var(--ink)}
html[data-theme="dark"] .project-tabs button{border-color:#41463d;color:#bfc4b9}
html[data-theme="dark"] .project-tabs button:hover{background:#2a3026;color:#f2f5ed}
html[data-theme="dark"] .project-tabs button[aria-selected="true"]{background:#e5ebdd;color:#172010;border-color:#e5ebdd}
html[data-theme="dark"] .meetings-system-story{border-color:var(--line)}
html[data-theme="dark"] :is(.meetings-system-copy p,.meetings-system-story figcaption,.meetings-system-expand){color:var(--muted)}
html[data-theme="dark"] :is(.meetings-system-zoom,.meetings-system-dialog){background:#20262d;border-color:#39414a;color:var(--ink)}
html[data-theme="dark"] .meetings-system-close{background:#e5ebdd;color:#172010}
html[data-theme="dark"] :is(.mwv-browser-bar,.mwv-single-hero-browser){border-color:#3c454d}
html[data-theme="dark"] .mwv-browser-bar{background:#252d34}
html[data-theme="dark"] :is(.skip-link,.screen-marquee-controls button){background:#252b23;color:var(--ink)}
@media(max-width:760px){.theme-switch{width:38px;height:38px;padding:8px}header nav{gap:10px}}
html[data-theme="dark"] :is(.case-gallery figure,.full-visual-frame,.visual-editorial-frame,.visual-wireframes figure){background:#20251f}html[data-theme="dark"] :is(.case-gallery figcaption,.full-visual-frame figcaption){color:var(--muted)}