/* Shared public-site paper palette. Application workspaces remain untouched. */
.page-public-marketing{--public-paper:#f5f6f7;--public-paper-soft:#f8f8f9;--public-paper-deep:#f0f1f3;background:var(--public-paper);color:#202124}
.page-public-marketing .main-content{background:var(--public-paper)}

/* Homepage: quiet tonal rhythm rather than repeated pure-white bands. */
.page-home-contiant .ct-marquee-section{background:#f0f1f3;border-color:#dfe1e5}
.page-home-contiant .ct-marquee-item{background:#fff;border-color:#dfe1e5;border-radius:6px;font-weight:600}
.page-home-contiant .ct-marquee-item:hover{background:#f8f8f9;border-color:#c8ccd2;box-shadow:none}
.page-home-contiant .ct-story-section{background:#f8f8f9}
.page-home-contiant .ct-step-card{background:#fff;border-color:#dfe1e5;box-shadow:0 14px 34px rgba(32,33,36,.055)}
.page-home-contiant .ct-step-visual-preview{background:#f0f1f3;border-color:#dfe1e5}
.page-home-contiant .ct-pastel-features-section{background:#f5f6f7;border-color:#dfe1e5}
.page-home-contiant .ct-compare-section{background:#f8f8f9}
.page-home-contiant .ct-comp-card{background:#fff;border-color:#dfe1e5}
.page-home-contiant .ct-faq-section{background:#f5f6f7}
.page-home-contiant .ct-faq-container,.page-home-contiant .ct-faq-item{border-color:#dfe1e5}

/* Pricing, guides, legal, authentication and other public content. */
.page-public-marketing:not(.page-home-contiant) .ct-page-wrap{background:var(--public-paper)}
.page-public-marketing:not(.page-home-contiant) .ct-page-wrap>section:nth-of-type(odd){background:var(--public-paper)!important}
.page-public-marketing:not(.page-home-contiant) .ct-page-wrap>section:nth-of-type(even){background:var(--public-paper-soft)!important}
.page-public-marketing .ct-pricing{background:var(--public-paper)!important}
.page-public-marketing .ct-pricing .price-card{background:#fff;border-color:#dfe1e5}
.page-public-marketing .qm-login{background:transparent}
.page-public-marketing .qm-login-form-panel{background:transparent}
.page-public-marketing .qm-login-story{background:#f0f1f3}

[data-theme='dark'] .page-public-marketing{--public-paper:#111214;--public-paper-soft:#1b1d20;--public-paper-deep:#202226;background:var(--public-paper);color:#f1f3f5}
[data-theme='dark'] .page-public-marketing .main-content{background:var(--public-paper)}
[data-theme='dark'] .page-home-contiant .ct-marquee-section,[data-theme='dark'] .page-home-contiant .ct-pastel-features-section,[data-theme='dark'] .page-home-contiant .ct-faq-section{background:#161719;border-color:#303339}
[data-theme='dark'] .page-home-contiant .ct-story-section,[data-theme='dark'] .page-home-contiant .ct-compare-section{background:#111214}
[data-theme='dark'] .page-home-contiant .ct-step-card,[data-theme='dark'] .page-home-contiant .ct-comp-card,[data-theme='dark'] .page-public-marketing .ct-pricing .price-card{background:#1b1d20;border-color:#303339}
[data-theme='dark'] .page-public-marketing .qm-login-story{background:#202226}

/* Public dark theme legibility. The original home components use global
   light-mode tokens, so redefine their semantic roles inside dark pages. */
[data-theme='dark'] .page-public-marketing {
  --ct-canvas:#111214;
  --ct-canvas-subtle:#161719;
  --ct-white:#1b1d20;
  --ct-ink:#f1f3f5;
  --ct-navy:#f1f3f5;
  --ct-slate-dark:#d6d9de;
  --ct-slate-body:#b5bac1;
  --ct-slate-muted:#858b94;
  --ct-slate-light:#737982;
  --ct-border:#303339;
  --ct-border-subtle:#454a52;
  --ct-purple:#c5a3ff;
  --ct-purple-hover:#d6bcff;
  --ct-purple-dark:#dcc4ff;
  --ct-purple-light:#604b78;
  --ct-purple-subtle:#34283f;
}

[data-theme='dark'] .page-public-marketing :is(
  .ct-heading-editorial,
  .ct-section-title-editorial,
  .ct-step-card h3,
  .ct-comp-card h3,
  .ct-faq-title,
  .ct-faq-item summary,
  .ct-pricing h1,
  .ct-pricing h2,
  .price-card h2,
  .plan-price
) {
  color:#f3eef5!important;
}

[data-theme='dark'] .page-public-marketing :is(
  .ct-section-sub-editorial,
  .ct-step-card p,
  .ct-comp-card p,
  .ct-faq-item p,
  .ct-pricing p,
  .price-card p,
  .price-card li,
  .plan-price small
) {
  color:#b9afbe!important;
}

[data-theme='dark'] .page-home-contiant .ct-step-visual-preview {
  background:#f0f1f3!important;
  border-color:#d8d0c6!important;
  color:#28242a!important;
}

[data-theme='dark'] .page-home-contiant .ct-step-visual-preview :is(strong,span,small,p) {
  color:inherit;
}

[data-theme='dark'] .page-home-contiant .ct-step-badge-num {
  background:#f3eef8!important;
  color:#7440d0!important;
}
