/* Conecta toda a landing page aos tokens escolhidos em Personalização. */
.qp-home{--qp:var(--primary);--qp-dark:var(--primary-dark);--qp-accent:var(--accent);--qp-soft:color-mix(in srgb,var(--primary) 8%,#fff)}
.qp-logo-mark,.qp-button{background:linear-gradient(135deg,var(--primary),var(--primary-dark));box-shadow:0 12px 30px color-mix(in srgb,var(--primary) 28%,transparent)}
.qp-button:hover{box-shadow:0 16px 36px color-mix(in srgb,var(--primary) 36%,transparent)}
.qp-hero{background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 5%,#fff),color-mix(in srgb,var(--primary) 9%,#fff) 58%,color-mix(in srgb,var(--accent) 4%,#fff))}
.qp-eyebrow span{background:var(--primary);box-shadow:0 0 0 6px color-mix(in srgb,var(--primary) 13%,transparent)}
.qp-avatars span{background:color-mix(in srgb,var(--accent) 24%,#fff);color:var(--primary-dark);border-color:color-mix(in srgb,var(--accent) 7%,#fff)}
.qp-avatars span:last-child,.qp-progress i,.qp-phone button{background:var(--primary)}
.qp-answer.active{border-color:var(--primary);background:color-mix(in srgb,var(--primary) 8%,#fff);color:var(--primary-dark)}
.qp-answer.active span{background:var(--primary)}
.qp-orb-one{background:color-mix(in srgb,var(--primary) 10%,transparent)}
.qp-orb-two{background:color-mix(in srgb,var(--accent) 10%,transparent)}
.qp-feature.featured{background:linear-gradient(145deg,var(--primary-dark),color-mix(in srgb,var(--primary-dark) 72%,#111827))}
.qp-feature-icon{background:color-mix(in srgb,var(--primary) 12%,#fff);color:var(--primary)}
.qp-how{background:color-mix(in srgb,var(--primary) 4%,#fff)}
.qp-steps article>div{color:var(--primary);box-shadow:0 14px 35px color-mix(in srgb,var(--primary) 13%,transparent)}
.qp-steps b{color:color-mix(in srgb,var(--primary) 12%,#fff)}
.qp-cta{background:linear-gradient(135deg,var(--primary-dark),var(--primary),var(--accent))}
.qp-button.light{color:var(--primary-dark)!important}
.qp-mini-icon{background:color-mix(in srgb,var(--primary) 11%,#fff);color:var(--primary)}
@supports not (color:color-mix(in srgb,#000,#fff)){.qp-home{--qp-soft:#fff7ed}.qp-hero,.qp-how{background:#fffaf7}.qp-feature-icon,.qp-mini-icon{background:#fff1e8}}
