/* A shared palette. The layer gives these colors precedence over legacy page overrides. */
@layer mixlivo-theme {
  :root,body { color-scheme:light!important; --bg:#f7f8fa!important; --surface:#ffffff!important; --surface-soft:#eff3f8!important; --ink:#172033!important; --text:#344054!important; --muted:#647084!important; --line:#dfe5ed!important; --line-strong:#b8c6d8!important; --primary:#2563eb!important; --primary-dark:#2563eb!important; --cyan:#2563eb!important; --green:#2563eb!important; --yellow:#2563eb!important; --yellow-hover:#2563eb!important; --success:#16764b!important; --danger:#b42318!important; --shadow:0 24px 60px #142b4910!important; --shadow-soft:0 10px 30px #142b490a!important; }
  :where(html) { background:#f7f8fa!important; }
  body :where(main,section,article,aside,header,footer,nav,figure,form,fieldset,details,summary,div,ul,ol,li,a,span,dl,dt,dd) { background-color:transparent!important; background-image:none!important; border-color:#dfe5ed!important; }
  body :where(span,em,button,i) { color:inherit!important; }
  body :where(button) { background:#eff5ff!important; color:#2454a0!important; border-color:#cbdcf4!important; }
  .checkout-panel,.checkout-steps,.redemption-panel,.redemption-links>a { background:#ffffff!important; border-color:#dfe5ed!important; }
  .checkout-plan-option>span,.checkout-kicker,.lookup-brand-stamp { color:#526176!important; }
  .homepage-focus-kicker { background:transparent!important; }
  body { background:#f7f8fa!important; color:#344054!important; }
  h1,h2,h3,h4,strong,b { color:#172033!important; }
  p,li,small,dt,dd,label,summary { color:#647084!important; }
  a { color:#2563eb!important; }
  .site-header,.site-footer,.simple-footer,.announcement,.mobile-cta,.nav-links,.redemption-menu>div { background:#ffffff!important; border-color:#dfe5ed!important; box-shadow:none!important; }
  .homepage-focus-hero,.catalog-section,.section,.process-section,.faq-section,.guides-section { background:transparent!important; }
  .homepage-focus-content,.shop-sidebar,.shop-search-label,.store-plan-card,.form-card,.lookup-card,.product-presentation,.checkout-pay-area,.checkout-order-details,.checkout-plan-option,.process-card,.guide-card,.faq-item,.contact-card,.article-card,.article-toc,.callout,.notice,.result-card { background:#ffffff!important; border-color:#dfe5ed!important; box-shadow:none!important; }
  .homepage-focus-content { background:linear-gradient(120deg,#edf3ff,#f9fafc 75%)!important; }
  .store-plan-action,.checkout-confirm-product,.cashier-assurance,.checkout-payment-method label,.payment-state-message,.payment-notes>span { background:#eff5ff!important; border-color:#d6e2f4!important; }
  .homepage-focus-kicker,.hero-price-note,.section-kicker,.store-plan-price strong,.checkout-plan-option strong,.checkout-confirm-product>strong,.payment-expiry strong,.cashier-assurance>strong { color:#2563eb!important; }
  .homepage-focus-copy h1,.hero-product-name,.checkout-cashier-title,.checkout-amount,.payment-scan-instruction,.checkout-payment-method strong { color:#172033!important; }
  .homepage-focus-lead,.homepage-focus-action-note,.homepage-focus-facts dt,.homepage-focus-facts dd,.shop-sidebar-help p,#shop-count,.store-plan-summary,.store-plan-features li,.store-plan-price span,.payment-brand,.payment-title,.payment-product,.payment-expiry,.payment-live-status,.payment-order-number,.checkout-form-note,.cashier-assurance li { color:#647084!important; }
  .homepage-focus-facts,.shop-sidebar-help,.checkout-order-details[open]>summary { border-color:#dfe5ed!important; }
  .shop-filters button { background:transparent!important; color:#526176!important; }
  .shop-filters button[aria-pressed=true],.button-primary,.store-plan-cta,.lookup-submit,#order-form>.button,.mobile-cta>a:last-child { background:#2563eb!important; color:#fff!important; border-color:#2563eb!important; box-shadow:none!important; }
  .button-secondary,.payment-mobile-link,.header-qq,.nav-toggle { background:#eff5ff!important; color:#2454a0!important; border-color:#cbdcf4!important; box-shadow:none!important; }
  .button-primary:hover,.store-plan-cta:hover,.lookup-submit:hover,#order-form>.button:hover { background:#1d4ed8!important; }
  .button *, .store-plan-cta * { color:inherit!important; }
  .store-plan-topline em,.checkout-status-pill { background:#eff5ff!important; color:#2454a0!important; border-color:#d6e2f4!important; }
  .store-plan-features i { color:#2563eb!important; }
  .checkout-plan-option[aria-pressed=true] { background:#eff5ff!important; border-color:#2563eb!important; }
  input:not([type=checkbox]):not([type=radio]),textarea,select,.input { background:#ffffff!important; color:#172033!important; border-color:#cbd5e1!important; }
  input::placeholder,textarea::placeholder { color:#758195!important; opacity:1; }
  input[type=checkbox],input[type=radio] { accent-color:#2563eb; }
  :where(a,button,input,select,textarea,summary):focus-visible { outline:3px solid #2563eb!important; outline-offset:3px; }
  .brand-mark,.payment-brand>span,.checkout-product-icon { background:#2563eb!important; color:#fff!important; }
  .checkout-alipay-icon { background:#1677ff!important; color:#fff!important; }
  .checkout-qr { background:#fff!important; border-color:#fff!important; box-shadow:0 12px 36px #142b490a!important; color:#111!important; }
  .checkout-qr img { background:#fff!important; }
  .card-admin-page .card,.card-admin-page .ledger-totals>div,.ledger-help,.admin-card-detail { background:#ffffff!important; border-color:#dfe5ed!important; }
  .card-admin-page #feedback,.success-box { background:#edf9f1!important; color:#166534!important; border-color:#a8d9b7!important; }
  .error-box,.warning-box { background:#fff2f2!important; color:#b42318!important; border-color:#efb8b8!important; }
  .admin-tabs button[aria-selected=true] { background:#2563eb!important; color:white!important; }
  table,th,td { background:#ffffff!important; color:#344054!important; border-color:#dfe5ed!important; }
  th { background:#eff3f8!important; color:#172033!important; }
  code,pre { background:#ffffff!important; color:#253f60!important; border-color:#dfe5ed!important; }
}
/* Reading pages use a light palette; the storefront keeps its dark theme. */
@layer mixlivo-theme {
 body:is(.faq-page,.content-guide-page){color-scheme:light!important;background:#f4f6f9!important;color:#344054!important;--ink:#17212f!important;--text:#344054!important;--muted:#667085!important;--surface:#fff!important;--bg:#f4f6f9!important;--line:#dfe5ed!important}
 body:is(.faq-page,.content-guide-page) :is(h1,h2,h3,h4,strong,b,summary){color:#17212f!important}
 body:is(.faq-page,.content-guide-page) :is(p,li,small,dt,dd,label,span,em){color:#526176!important}
 body:is(.faq-page,.content-guide-page) a{color:#1769c7!important}
 body:is(.faq-page,.content-guide-page) :is(div,section,article,aside,details,summary,ul,li){border-color:#dfe5ed!important}
 body:is(.faq-page,.content-guide-page) :is(.site-header,.site-footer,.simple-footer,.nav-links,.redemption-menu>div){background:#fff!important;border-color:#dfe5ed!important}
 body:is(.faq-page,.content-guide-page) :is(.button-primary,.button-dark,.brand-mark){background:#1769d4!important;color:#fff!important}
 body:is(.faq-page,.content-guide-page) :is(.button-primary,.button-dark,.brand-mark) *{color:#fff!important}
 body:is(.faq-page,.content-guide-page) :is(.button-secondary,.header-qq,button){background:#eaf1fc!important;color:#24578e!important;border-color:#d4e2f7!important}
 body:is(.faq-page,.content-guide-page) :is(input,textarea,select){background:#fff!important;color:#17212f!important;border-color:#d7e0ec!important}
 body:is(.faq-page,.content-guide-page) :is(.callout,.notice,.article-card,.article-toc,.closing-card,.guide-card){background:#fff!important;border-color:#dfe5ed!important}
 body:is(.faq-page,.content-guide-page) :is(table,td){background:#fff!important;color:#344054!important;border-color:#dfe5ed!important}
 body:is(.faq-page,.content-guide-page) th{background:#eaf0f8!important;color:#17212f!important}
 body.content-guide-page :is(code,pre){background:#eaf0f8!important;color:#253f60!important}
 body.faq-page .faq-intro{background:transparent!important;padding-top:42px;padding-bottom:32px}
 body.faq-page .faq-search-box{background:#fff!important;border:1px solid #d7e0ec!important;border-radius:12px}
 body.faq-page .faq-search-box button{border-radius:8px}
 body.faq-page .faq-fast>a{background:#fff!important;border:1px solid #dfe5ed!important;box-shadow:0 3px 12px #142b4910!important}
 body.faq-page .faq-fast span{color:#1769c7!important}
 body.faq-page .faq-category-buttons button{background:transparent!important;color:#526176!important;border-left:3px solid transparent!important}
 body.faq-page .faq-category-buttons button.active{background:#e4edfc!important;color:#155bb0!important;border-left-color:#1769d4!important}
 body.faq-page .faq-category-buttons button.active *{color:#155bb0!important}
 body.faq-page .faq-directory details{background:#fff!important;border:1px solid #dfe5ed!important;border-radius:12px;margin-bottom:12px}
 body.faq-page .faq-directory details[open]{border-color:#a7c5ec!important;box-shadow:0 4px 20px #142b4908!important}
 body.faq-page .faq-directory summary{padding:20px 24px}
 body.faq-page .faq-directory summary>span{color:#17212f!important;font-size:17px;line-height:1.6}
 body.faq-page .faq-directory summary em{display:table!important;width:auto!important;max-width:100%;padding:3px 8px!important;margin-bottom:8px!important;background:#edf2f8!important;color:#526176!important;border-radius:5px!important;font-size:11px!important;font-style:normal}
 body.faq-page .faq-directory details>p{font-size:15px;line-height:1.95;color:#475467!important}
 @media(max-width:680px){body.faq-page .faq-directory summary{padding:18px}body.faq-page .faq-directory summary>span{font-size:16px}body.faq-page .faq-intro{padding-top:28px}}
}
@layer mixlivo-theme {body.faq-page #faq-search{background:#fff!important;color:#17212f!important}body.faq-page #faq-search::placeholder{color:#667085!important}}
/* Shared dark header, then a gradual transition into the reading surface. */
@layer mixlivo-theme {
 body:is(.faq-page,.content-guide-page) :is(.site-header,.site-header .nav-links){background:#ffffff!important;border-color:#dfe5ed!important}
 body:is(.faq-page,.content-guide-page) .site-header :is(a,strong,small,span){color:#172033!important}
 body.faq-page .faq-intro,body.content-guide-page .page-hero{position:relative;isolation:isolate;background:transparent!important;padding-bottom:96px!important;margin-bottom:0!important}
 body.faq-page .faq-intro::before,body.content-guide-page .page-hero::before{content:'';display:block;position:absolute;inset:0 min(0px,calc((100% - 100vw)/2));z-index:-1;background:linear-gradient(to bottom,#ffffff 0%,#edf3ff calc(100% - 90px),#f4f6f9 calc(100% - 24px),#f4f6f9 100%)!important;pointer-events:none}
 body.faq-page .faq-intro>h1,body.content-guide-page .page-hero h1{color:#172033!important}
 body.faq-page .faq-intro>p,body.faq-page .faq-intro>span,body.content-guide-page .page-hero :is(p,li){color:#647084!important}
 body.faq-page .faq-intro>.faq-breadcrumb,body.content-guide-page .page-hero a{color:#2563eb!important}
 body.content-guide-page .page-hero .container{background:transparent!important}
 @media(prefers-reduced-motion:no-preference){@view-transition{navigation:auto}::view-transition-old(root),::view-transition-new(root){animation-duration:160ms}}
}