/* Shared appearance controls, scoped to public product landings. */
body.hush-landing{--product-ink:var(--hu-ink);--product-muted:var(--hu-muted);--product-paper:var(--hu-paper);--product-soft:var(--hu-soft);--product-line:var(--hu-line);--product-accent:var(--hu-green)}
body.qrsh-home{--ql-bg:#f3f5f5;--ql-on-accent:#fff;--product-ink:var(--ql-ink);--product-muted:var(--ql-muted);--product-paper:var(--ql-paper);--product-soft:var(--ql-soft);--product-line:var(--ql-line);--product-accent:var(--ql-green)}
body.q-advertise{--qa-bg:#f3f5f5;--product-ink:var(--qa-ink);--product-muted:var(--qa-muted);--product-paper:var(--qa-paper);--product-soft:var(--qa-soft);--product-line:var(--qa-line);--product-accent:var(--qa-green)}
body.qpay-page{--pp-bg:#f3f5f5;--pp-paper:#fff;--pp-soft:#e7ecee;--pp-ink:#172a35;--pp-muted:#65717a;--pp-line:#dae1e4;--pp-green:#215c48;--pp-on-accent:#fff;--product-ink:var(--pp-ink);--product-muted:var(--pp-muted);--product-paper:var(--pp-paper);--product-soft:var(--pp-soft);--product-line:var(--pp-line);--product-accent:var(--pp-green);background-color:var(--pp-bg);color:var(--pp-ink)}
body:is(.hush-landing,.qrsh-home,.qpay-page,.q-advertise){--q-ink:var(--product-ink);--q-muted:var(--product-muted);--q-paper:var(--product-paper);--q-soft:var(--product-soft);--q-line:var(--product-line);--q-green:var(--product-accent)}
html[data-site-theme=light] body:is(.hush-landing,.qrsh-home,.qpay-page,.q-advertise){color-scheme:light}
html[data-site-theme=dark] body:is(.hush-landing,.qrsh-home,.qpay-page,.q-advertise){color-scheme:dark}

/* Explicit light selection overrides QRSH's legacy system-dark media query. */
html[data-site-theme=light] body.qrsh-home{--ql-bg:#f3f5f5;--ql-ink:#202321;--ql-muted:#656d68;--ql-line:#e2e5e2;--ql-soft:#eaf0ec;--ql-paper:#fff;--ql-green:#285b43;--ql-on-accent:#fff}
html[data-site-theme=dark] body.qrsh-home{--ql-bg:#181d1a;--ql-ink:#edf3ee;--ql-muted:#adbcb1;--ql-line:#3b4b40;--ql-soft:#233127;--ql-paper:#26372c;--ql-green:#b0d8bb;--ql-on-accent:#183323}
body.qrsh-home .ql-brand-mark{background-color:var(--ql-green);color:var(--ql-on-accent)}
body.qrsh-home .ql-button:hover{color:var(--ql-on-accent)}
body.qrsh-home .ql-style-picker button[aria-pressed=true]{box-shadow:inset 0 0 0 1px var(--ql-green)}
body.qrsh-home .ql-profile-sheet{color-scheme:light}
html[data-site-theme=light] body.q-advertise{--qa-bg:#f3f5f5;--qa-paper:#fff;--qa-soft:#eaf0ec;--qa-ink:#1d2421;--qa-muted:#646e68;--qa-line:#e0e5e2;--qa-green:#214b38;--qa-on-green:#fff}
html[data-site-theme=dark] body.q-advertise{--qa-bg:#181d1a;--qa-paper:#26332a;--qa-soft:#202b23;--qa-ink:#f0f4f0;--qa-muted:#b3beb5;--qa-line:#3b4a3f;--qa-green:#b5d4bb;--qa-on-green:#17231c}
body.q-advertise .qa-phone{color-scheme:light}

/* Pay's page, preview and receipt share the same appearance tokens. */
body.qpay-page .qpay-shell{--pay-ink:var(--pp-ink);--pay-muted:var(--pp-muted);--pay-line:var(--pp-line);--pay-green:var(--pp-green);background-color:var(--pp-bg);color:var(--pp-ink)}
body.qpay-page :is(.qpay-header,.qpay-footer){background-color:var(--pp-bg)}
html[data-site-theme=dark] body.qpay-page{--pp-bg:#172127;--pp-paper:#25323a;--pp-soft:#202e35;--pp-ink:#e6eef1;--pp-muted:#b0c0c9;--pp-line:#3c4e58;--pp-green:#b2d8c5;--pp-on-accent:#18372a}
html[data-site-theme=dark] body.qpay-page :is(.qpay-principles,.qpay-steps,.qpay-benefit,.qpay-flow-icon,.qpay-faq-section,.qpay-mini-report,.qpay-mini-order,.qpay-receipt,.qpay-preview .qpay-demo-notice,.qpay-language nav),html[data-site-theme=dark] body.qpay-page .qpay-receipt::after{background-color:var(--pp-paper);border-color:var(--pp-line)}
html[data-site-theme=dark] body.qpay-page .qpay-preview{background-color:var(--pp-soft);border-color:var(--pp-line)}
html[data-site-theme=dark] body.qpay-page :is(.qpay-preview-header,.qpay-preview .qpay-demo-note,.qpay-step-top,.qpay-step-top>span,.qpay-receipt-bottom){color:var(--pp-muted)}
html[data-site-theme=dark] body.qpay-page :is(.qpay-demo-tag,.qpay-receipt-total,.qpay-bars){border-color:var(--pp-line)}
html[data-site-theme=dark] body.qpay-page .qpay-view-switch{background-color:#172329}
html[data-site-theme=dark] body.qpay-page .qpay-view-switch button{color:var(--pp-muted)}
html[data-site-theme=dark] body.qpay-page .qpay-view-switch button[aria-pressed=true]{background-color:#354952;color:var(--pp-ink);box-shadow:none}
html[data-site-theme=dark] body.qpay-page :is(.qpay-art-icon,.qpay-stamp){background-color:#304a40;color:var(--pp-green)}
html[data-site-theme=dark] body.qpay-page .qpay-link-preview{background-color:#1d2c32;border-color:var(--pp-line);color:var(--pp-muted)}
html[data-site-theme=dark] body.qpay-page .qpay-receipt-bottom span{background-color:#3d525b}
html[data-site-theme=dark] body.qpay-page .qpay-benefit-art{background-color:#203139}
html[data-site-theme=dark] body.qpay-page .qpay-benefit-buyer .qpay-benefit-art{background-color:#24352b}
html[data-site-theme=dark] body.qpay-page .qpay-mini-order i{background-color:#557263}
html[data-site-theme=dark] body.qpay-page .qpay-bars i{background-color:#719889}
html[data-site-theme=dark] body.qpay-page .qpay-bars i:last-child{background-color:var(--pp-green)}
html[data-site-theme=dark] body.qpay-page .qpay-button{background-color:var(--pp-paper);color:var(--pp-ink)}
html[data-site-theme=dark] body.qpay-page .qpay-shell :is(.qpay-button-dark,.qpay-button-green){background-color:var(--pp-green);color:var(--pp-on-accent)}
html[data-site-theme=dark] body.qpay-page .qpay-shell :is(.qpay-button-dark,.qpay-button-green):hover{background-color:#cce5d7}
html[data-site-theme=dark] body.qpay-page .qpay-cta{background-color:#203a43;border-top:1px solid var(--pp-line)}
html[data-site-theme=dark] body.qpay-page .qpay-cta .qpay-button{background-color:#e5eee9;color:#18372a}
html[data-site-theme=dark] body.qpay-page .qpay-cta .qpay-button:hover{background-color:#cce5d7}

body:is(.hush-landing,.qrsh-home,.qpay-page,.q-advertise) .q-product-theme{display:inline-grid;place-items:center;width:44px;height:44px;min-width:44px;padding:0;flex:none;border:1px solid transparent;border-radius:10px;background:transparent;color:var(--product-ink);font:inherit;cursor:pointer}
body:is(.hush-landing,.qrsh-home,.qpay-page,.q-advertise) .q-product-theme:hover{background-color:var(--product-soft);border-color:var(--product-line)}
body:is(.hush-landing,.qrsh-home,.qpay-page,.q-advertise) .q-product-theme:focus-visible{outline:2px solid var(--product-accent);outline-offset:3px}
body:is(.hush-landing,.qrsh-home,.qpay-page,.q-advertise) .q-product-theme svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
body:is(.hush-landing,.qrsh-home,.qpay-page,.q-advertise) .q-product-theme [data-theme-icon=sun]{display:none}
html[data-site-theme=dark] body:is(.hush-landing,.qrsh-home,.qpay-page,.q-advertise) .q-product-theme [data-theme-icon=sun]{display:block}
html[data-site-theme=dark] body:is(.hush-landing,.qrsh-home,.qpay-page,.q-advertise) .q-product-theme [data-theme-icon=moon]{display:none}
@media(max-width:680px){body.q-advertise .qa-header-actions{gap:4px}body.q-advertise .qa-header-actions>.qa-button{display:none}body.qrsh-home .ql-header-actions,body.qpay-page .qpay-header-actions{gap:4px}}
@media(max-width:380px){body.q-advertise .qa-header-row{gap:8px}body.q-advertise .qa-header-actions{gap:2px}body.q-advertise .qa-brand{font-size:17px;gap:7px}body.q-advertise .qa-brand-logo{width:32px;height:32px}}