/* MotorMate universal theme V6: use on ALL pages */
:root{color-scheme:dark}
.mm-theme-control{display:inline-flex;align-items:center;gap:7px;justify-content:center;flex:0 0 auto;width:46px;height:42px;padding:0;border:1px solid #28bdea;border-radius:99px;color:#e9faff;background:#082638;box-shadow:0 0 0 1px #143c50,0 3px 12px #0003;cursor:pointer;vertical-align:middle;z-index:5;transition:background .2s,border-color .2s,transform .2s}
.mm-theme-control:hover{transform:translateY(-1px);border-color:#85fa54}.mm-theme-control:focus-visible{outline:3px solid #90fa55;outline-offset:3px}.mm-theme-control svg{height:22px;width:22px}.mm-theme-control .mm-sun{display:none}.mm-theme-control .mm-moon{display:block}
html[data-mm-theme="light"]{color-scheme:light}html[data-mm-theme="light"] .mm-theme-control{background:#e3f3fb;color:#124566;border-color:#65b3cf;box-shadow:0 2px 11px #062b4819}html[data-mm-theme="light"] .mm-theme-control .mm-sun{display:block}html[data-mm-theme="light"] .mm-theme-control .mm-moon{display:none}
.mm-theme-control.mm-detached{position:fixed;top:15px;right:16px;z-index:2500;box-shadow:0 6px 25px #0006}
body[data-mm-page="app"] .mm-theme-control.mm-detached{top:auto;bottom:20px;right:20px}
@media(max-width:700px){.mm-theme-control{width:40px;height:40px}.mm-theme-control.mm-detached{top:12px;right:12px}}
/* homepage: dark hero remains photographic, while light mode truly changes surfaces */
html[data-mm-theme="light"] body[data-mm-page="home"]{--bg:#f3f8fd;--white:#10283c;--muted:#566d80;background:#f3f8fd!important;color:#12283c!important}
html[data-mm-theme="light"] body[data-mm-page="home"] .header{background:#fff!important;border-bottom:1px solid #d8e9f1!important;color:#112a42!important;box-shadow:0 5px 18px #062b4814}
html[data-mm-theme="light"] body[data-mm-page="home"] .header a:not(.active),html[data-mm-theme="light"] body[data-mm-page="home"] .brand{color:#0c344a!important}
html[data-mm-theme="light"] body[data-mm-page="home"] .hero{background-color:#102d43!important}
html[data-mm-theme="light"] body[data-mm-page="home"] .feature-scroller,html[data-mm-theme="light"] body[data-mm-page="home"] .section{background-color:transparent!important;color:#122c41!important}
html[data-mm-theme="light"] body[data-mm-page="home"] .section-heading h2,html[data-mm-theme="light"] body[data-mm-page="home"] .feature-scroller h2{color:#102a40!important}
html[data-mm-theme="light"] body[data-mm-page="home"] .section-heading p{color:#536c7d!important}
html[data-mm-theme="light"] body[data-mm-page="home"] .tool-tile,html[data-mm-theme="light"] body[data-mm-page="home"] .scroller-card,html[data-mm-theme="light"] body[data-mm-page="home"] .feature-card{color:#143247!important}
html[data-mm-theme="light"] body[data-mm-page="home"] .toolrail .tool-tile{background:linear-gradient(155deg,#e6f3fb,#c9e9f7)!important;border-color:#5cb9d9!important}
html[data-mm-theme="light"] body[data-mm-page="home"] .toolrail .tool-tile .tool-name,html[data-mm-theme="light"] body[data-mm-page="home"] .toolrail .tool-tile .tool-icon{color:#0a3f56!important}
html[data-mm-theme="light"] body[data-mm-page="home"] .toolrail .tool-tile.selected{background:linear-gradient(150deg,#145776,#0c3f62)!important;border-color:#73e94f!important;box-shadow:0 0 18px #87f55555!important}
html[data-mm-theme="light"] body[data-mm-page="home"] .toolrail .tool-tile.selected .tool-name,html[data-mm-theme="light"] body[data-mm-page="home"] .toolrail .tool-tile.selected .tool-icon{color:#f5fdff!important}
html[data-mm-theme="light"] body[data-mm-page="home"] .benefitbar,html[data-mm-theme="light"] body[data-mm-page="home"] .showcase-info,html[data-mm-theme="light"] body[data-mm-page="home"] .closing{background:#e9f5fc!important;border-color:#a6cee2!important;color:#10364b!important}
html[data-mm-theme="light"] body[data-mm-page="home"] .showcase-info h3,html[data-mm-theme="light"] body[data-mm-page="home"] .closing h2,html[data-mm-theme="light"] body[data-mm-page="home"] .benefitbar strong{color:#123146!important}
html[data-mm-theme="light"] body[data-mm-page="home"] .showcase-info p,html[data-mm-theme="light"] body[data-mm-page="home"] .showcase-info li,html[data-mm-theme="light"] body[data-mm-page="home"] .closing p,html[data-mm-theme="light"] body[data-mm-page="home"] .benefitbar small{color:#536d7c!important}
html[data-mm-theme="light"] body[data-mm-page="home"] footer{color:#345065!important;background:#e7f1f8!important}
html[data-mm-theme="light"] body[data-mm-page="home"] footer strong{color:#12364d!important}
/* premium tools hub -- every module */
html[data-mm-theme="light"] body[data-mm-page="suite"]{--bg:#f0f7fd;--nav:#fff;--panel:#fff;--panel2:#eaf5fd;--line:#a5d1e6;--cyan:#087ca6;--lime:#44c11d;--text:#173249;--muted:#55778a;--shadow:0 13px 32px #1f4b6915;color:#173249;background:#f0f7fd}
html[data-mm-theme="light"] body[data-mm-page="suite"] .shell-header{background:#fffffff2;border-bottom:1px solid #bfdce9}
html[data-mm-theme="light"] body[data-mm-page="suite"] .logo{color:#14364d}html[data-mm-theme="light"] body[data-mm-page="suite"] .logo small{color:#557588}
html[data-mm-theme="light"] body[data-mm-page="suite"] .top-links a{color:#173c52}html[data-mm-theme="light"] body[data-mm-page="suite"] .top-links a:hover,html[data-mm-theme="light"] body[data-mm-page="suite"] .top-links a.active{background:#d7f4ed;color:#126e47}
html[data-mm-theme="light"] body[data-mm-page="suite"] .sidebar{background:#e2f0f9;border-right-color:#b8d7e7}html[data-mm-theme="light"] body[data-mm-page="suite"] .side-title{color:#0e749c}html[data-mm-theme="light"] body[data-mm-page="suite"] .sidebar nav a{color:#1d4a65}html[data-mm-theme="light"] body[data-mm-page="suite"] .sidebar nav a:hover{background:#d1e8f4;color:#11384d}html[data-mm-theme="light"] body[data-mm-page="suite"] .sidebar nav a.current{background:#c9edfb;border-color:#5aabd4;color:#0e5676;box-shadow:none}html[data-mm-theme="light"] body[data-mm-page="suite"] .sidebar-note{color:#54778a}
html[data-mm-theme="light"] body[data-mm-page="suite"] .panel,html[data-mm-theme="light"] body[data-mm-page="suite"] .image-card,html[data-mm-theme="light"] body[data-mm-page="suite"] .metric,html[data-mm-theme="light"] body[data-mm-page="suite"] .item,html[data-mm-theme="light"] body[data-mm-page="suite"] .checkitem{background:#fff!important;border-color:#bbdbea!important;color:#173249;box-shadow:0 8px 24px #103b5911}
html[data-mm-theme="light"] body[data-mm-page="suite"] .panel h2,html[data-mm-theme="light"] body[data-mm-page="suite"] .panel h3,html[data-mm-theme="light"] body[data-mm-page="suite"] .section-heading,html[data-mm-theme="light"] body[data-mm-page="suite"] .metric strong,html[data-mm-theme="light"] body[data-mm-page="suite"] .item b,html[data-mm-theme="light"] body[data-mm-page="suite"] .image-card b{color:#142f44!important}
html[data-mm-theme="light"] body[data-mm-page="suite"] .panel p,html[data-mm-theme="light"] body[data-mm-page="suite"] .image-card small,html[data-mm-theme="light"] body[data-mm-page="suite"] .note,html[data-mm-theme="light"] body[data-mm-page="suite"] .item small,html[data-mm-theme="light"] body[data-mm-page="suite"] .metric small{color:#547589!important}
html[data-mm-theme="light"] body[data-mm-page="suite"] .field label,html[data-mm-theme="light"] body[data-mm-page="suite"] .checkitem label{color:#284e64}
html[data-mm-theme="light"] body[data-mm-page="suite"] input,html[data-mm-theme="light"] body[data-mm-page="suite"] select,html[data-mm-theme="light"] body[data-mm-page="suite"] textarea{color:#17364c!important;background:#f6fbfe!important;border-color:#a7ccdf!important;accent-color:#1489b5}
html[data-mm-theme="light"] body[data-mm-page="suite"] input::placeholder,html[data-mm-theme="light"] body[data-mm-page="suite"] textarea::placeholder{color:#7591a2}
html[data-mm-theme="light"] body[data-mm-page="suite"] .status,html[data-mm-theme="light"] body[data-mm-page="suite"] .resultbox{background:#e2f2fa;color:#19465b;border-color:#28b5dc}html[data-mm-theme="light"] body[data-mm-page="suite"] .status *,html[data-mm-theme="light"] body[data-mm-page="suite"] .resultbox h3{color:#19465b!important}
html[data-mm-theme="light"] body[data-mm-page="suite"] .marketplaces a,html[data-mm-theme="light"] body[data-mm-page="suite"] .choice button,html[data-mm-theme="light"] body[data-mm-page="suite"] .chip,html[data-mm-theme="light"] body[data-mm-page="suite"] .subnav a{background:#e9f5fc;color:#0e5879;border-color:#b6d9e9}
html[data-mm-theme="light"] body[data-mm-page="suite"] .choice button.active{background:#d5f2f5;border-color:#13a2bf}
html[data-mm-theme="light"] body[data-mm-page="suite"] .button.alt{background:#dfedf6;color:#16445e;border-color:#8cbed7}html[data-mm-theme="light"] body[data-mm-page="suite"] .button.ghost{color:#08769a;border-color:#8bbdd4}
html[data-mm-theme="light"] body[data-mm-page="suite"] .suite-footer{border-top-color:#c3dce9;color:#527187}html[data-mm-theme="light"] body[data-mm-page="suite"] .suite-footer a{color:#056f9b}
/* Customizer / Modifications */
html[data-mm-theme="light"] body[data-mm-page="studio"],html[data-mm-theme="light"] body[data-mm-page="studio"] .studio-main{background:#f0f7fd!important;color:#16384d!important}
html[data-mm-theme="light"] body[data-mm-page="studio"] .site-header{background:#fff!important;border-bottom-color:#b7dbea!important}html[data-mm-theme="light"] body[data-mm-page="studio"] .site-header a,html[data-mm-theme="light"] body[data-mm-page="studio"] .nav a{color:#17384e!important}
html[data-mm-theme="light"] body[data-mm-page="studio"] .studio-hero{background-color:#e8f3fc!important}html[data-mm-theme="light"] body[data-mm-page="studio"] .studio-head h1{color:#12344b!important}
html[data-mm-theme="light"] body[data-mm-page="studio"] .visual-panel,html[data-mm-theme="light"] body[data-mm-page="studio"] .studio-controls,html[data-mm-theme="light"] body[data-mm-page="studio"] .studio-bottom>*{background:#fff!important;border-color:#9bd2e5!important;color:#18394e!important;box-shadow:0 9px 25px #164a6515!important}
html[data-mm-theme="light"] body[data-mm-page="studio"] .studio-controls h2,html[data-mm-theme="light"] body[data-mm-page="studio"] .studio-controls h3,html[data-mm-theme="light"] body[data-mm-page="studio"] .studio-bottom h3{color:#12384c!important}
html[data-mm-theme="light"] body[data-mm-page="studio"] input,html[data-mm-theme="light"] body[data-mm-page="studio"] select,html[data-mm-theme="light"] body[data-mm-page="studio"] textarea{background:#f7fbfe!important;color:#14364d!important;border-color:#93c8df!important}
html[data-mm-theme="light"] body[data-mm-page="studio"] .studio-controls p,html[data-mm-theme="light"] body[data-mm-page="studio"] .studio-controls label,html[data-mm-theme="light"] body[data-mm-page="studio"] .studio-bottom p{color:#345d73!important}
/* Existing app uses its own palette but shares state with all other pages */
html[data-mm-theme="light"] body[data-mm-page="app"]{background:#f4f8fd!important;color:#122e43!important}
html[data-mm-theme="light"] body[data-mm-page="app"] .topbar,html[data-mm-theme="light"] body[data-mm-page="app"] .card{background:#fff!important;color:#183a50!important;border-color:#d6e6ef!important}
html[data-mm-theme="dark"] body[data-mm-page="app"]{background:#061827!important}
html[data-mm-theme="dark"] body[data-mm-page="app"] .card{background:#0c2a3f!important;color:#e4f8ff!important;border-color:#195a75!important}
/* Guides and documents, use same universal variables with readable content */
html[data-mm-theme="light"] body[data-mm-page="article"]{background:#f4f8fc!important;color:#173248!important}
html[data-mm-theme="light"] body[data-mm-page="article"] main,html[data-mm-theme="light"] body[data-mm-page="article"] article,html[data-mm-theme="light"] body[data-mm-page="article"] .card{background:#fff;color:#173248}
html[data-mm-theme="dark"] body[data-mm-page="article"]{background:#081827!important;color:#e7f6ff!important}
html[data-mm-theme="dark"] body[data-mm-page="article"] main,html[data-mm-theme="dark"] body[data-mm-page="article"] article{color:#e7f6ff!important}
html[data-mm-theme="dark"] body[data-mm-page="article"] h1,html[data-mm-theme="dark"] body[data-mm-page="article"] h2,html[data-mm-theme="dark"] body[data-mm-page="article"] h3{color:#f0fbff!important}
@media(prefers-reduced-motion:reduce){.mm-theme-control{transition:none!important}}

/* Further light-theme controls for the Studio: actual before/after contrast */
html[data-mm-theme="light"] body[data-mm-page="studio"] .studio-more,html[data-mm-theme="light"] body[data-mm-page="studio"] .studio-cost,html[data-mm-theme="light"] body[data-mm-page="studio"] .studio-saved,html[data-mm-theme="light"] body[data-mm-page="studio"] .studio-guides,html[data-mm-theme="light"] body[data-mm-page="studio"] .summary{background:#f6fbff!important;border-color:#b5dceb!important;color:#16384c!important}
html[data-mm-theme="light"] body[data-mm-page="studio"] .summary h3,html[data-mm-theme="light"] body[data-mm-page="studio"] .summary strong,html[data-mm-theme="light"] body[data-mm-page="studio"] .studio-more strong,html[data-mm-theme="light"] body[data-mm-page="studio"] .studio-guides h3{color:#16384c!important}
html[data-mm-theme="light"] body[data-mm-page="studio"] .summary span,html[data-mm-theme="light"] body[data-mm-page="studio"] .visual-note{color:#3d647a!important}
html[data-mm-theme="light"] body[data-mm-page="studio"] .finish-grid button{background:#e5f2fa!important;color:#164a68!important;border-color:#9ecce4!important}
html[data-mm-theme="light"] body[data-mm-page="studio"] .finish-grid button.selected{background:#c9f4dc!important;color:#0d5b35!important;border-color:#40d179!important}
html[data-mm-theme="light"] body[data-mm-page="studio"] .wrap-grid button{background:#d6edf8!important;color:#163a52!important;border-color:#9dc9da!important;text-shadow:none!important}
html[data-mm-theme="light"] body[data-mm-page="studio"] .wrap-grid button:nth-child(1){background:linear-gradient(135deg,#dcebf1 0%,#70ef43 32%,#203e53 36%,#70ef43 58%,#cee6f4 62%)!important}
html[data-mm-theme="light"] body[data-mm-page="studio"] .wrap-grid button:nth-child(2){background:linear-gradient(125deg,#d9e8f4 20%,#405c6b 21%,#a9d6ef 45%,#385e75 46%,#dbeaf5 68%)!important}
html[data-mm-theme="light"] body[data-mm-page="studio"] .wrap-grid button:nth-child(3){background:linear-gradient(45deg,#314d4e 18%,#c9d3c2 19%,#687f6d 42%,#becdbe 43%,#365359 64%)!important}
html[data-mm-theme="light"] body[data-mm-page="studio"] .wrap-grid button:nth-child(4){background:linear-gradient(130deg,#bacbd1,#637e91)!important}
html[data-mm-theme="light"] body[data-mm-page="studio"] .wrap-grid button:nth-child(5){background:repeating-linear-gradient(145deg,#dce6ea 0 4px,#7390a0 5px 9px)!important}
html[data-mm-theme="light"] body[data-mm-page="studio"] .studio-more a,html[data-mm-theme="light"] body[data-mm-page="studio"] .studio-guides a{color:#08739a!important;border-color:#c0deec!important}
