/* V19 — brand source: Palette.html. Shared public, customer and admin colors. */
:root{
 --brand-pearl:#f7fafc;--brand-pearl-rgb:247,250,252;
 --brand-ice:#e5f1f9;--brand-ice-rgb:229,241,249;
 --brand-glass:#c8dfed;--brand-glass-rgb:200,223,237;
 --brand-ink:#183858;--brand-ink-rgb:24,56,88;
 --brand-gold:#b89a74;--brand-gold-rgb:184,154,116;
}
/* Keep the V18.2 shape and spacing system. Palette roles are defined here. */
:root{
 --deep:var(--brand-ink);--navy:var(--brand-ink);--ink:var(--brand-ink);--blue:var(--brand-ink);
 --soft:var(--brand-glass);--ice:var(--brand-ice);--ivory:var(--brand-pearl);--gold:var(--brand-gold);
 --muted:rgba(var(--brand-ink-rgb),.78);--line:var(--brand-glass);
 --v18-paper:var(--brand-pearl);--v18-surface:var(--brand-ice);--v18-ink:var(--brand-ink);
 --v18-muted:rgba(var(--brand-ink-rgb),.78);--v18-line:var(--brand-glass);--v18-accent:var(--brand-ink);
 --v18-shadow:0 12px 32px rgba(var(--brand-ink-rgb),.08);
}
html,body{background:var(--brand-pearl);color:var(--brand-ink)}
body[data-design="18"]{background:var(--brand-pearl)!important;color:var(--brand-ink)!important}
body[data-design="18"] :is(.hero,.page-hero,.knowledge-intro,.article-header){background:linear-gradient(120deg,var(--brand-ice),var(--brand-pearl) 70%)!important;color:var(--brand-ink)!important}
body[data-design="18"] :is(.section.dark,.section.navy,.blue-lift-explainer,.route-studio-editorial,.concern-stage,.concern-panel,.account-command-card,.dx-preview-hero,.site-footer,.mobile-menu){background:var(--brand-ice)!important;color:var(--brand-ink)!important}
body[data-design="18"] :is(.section.dark,.section.navy,.blue-lift-explainer,.route-studio-editorial,.concern-stage,.concern-panel,.account-command-card,.dx-preview-hero,.site-footer,.mobile-menu,.hero,.page-hero) :is(h1,h2,h3,h4,p,.lead,.eyebrow,.breadcrumb,.footer-bottom,.sub,.mobile-nav-label,.art-label,.art-note,.proof-item,.price-note){color:var(--brand-ink)!important;text-shadow:none!important}
body[data-design="18"] :is(h1,h2,h3) :is(em,span){color:inherit!important}
body[data-design="18"] :is(.site-header,.conversion-header){background:rgba(var(--brand-pearl-rgb),.97)!important;border-color:var(--brand-glass)!important}
body[data-design="18"] .site-header .header-inner{background:transparent!important;box-shadow:none!important;border-color:transparent!important}
body[data-design="18"] :is(.site-header,.mobile-menu,.site-footer) :is(a,strong,small,span,button){color:var(--brand-ink)!important}
body[data-design="18"] :is(.site-header .brand img,.mobile-menu-brand img,.footer-brand img){filter:brightness(0) saturate(100%) invert(18%) sepia(21%) saturate(1810%) hue-rotate(169deg) brightness(95%) contrast(95%)!important;opacity:1}
body[data-design="18"] :is(.icon-btn,.concierge-btn){color:var(--brand-ink)!important;background:var(--brand-pearl)!important;border-color:var(--brand-glass)!important;box-shadow:none!important}
body[data-design="18"] :is(.mobile-menu-top,.mobile-menu nav a,.footer-bottom){border-color:var(--brand-glass)!important}
body[data-design="18"] .mobile-menu nav a[aria-current="page"]{background:var(--brand-glass);border-radius:18px;padding-inline:12px}
body[data-design="18"] .mobile-menu nav a[aria-current="page"]:before{color:var(--brand-ink)!important}
body[data-design="18"] :is(.hero:before,.hero:after,.page-hero:before,.page-hero:after){opacity:.35}
body[data-design="18"] .hero-copy :is(p,.lead,.eyebrow,.proof-item,.price-note){color:var(--brand-ink)!important}
body[data-design="18"] :is(.eyebrow,.kicker){color:var(--brand-ink)!important}
body[data-design="18"] :is(.eyebrow:before,.hero-proof .proof-item:before){background:var(--brand-gold)!important}

/* Pearl cards on ice surfaces; glass marks a selected or secondary surface. */
body[data-design="18"] :is(.feature-card,.info-card,.goal-card,.scan-legend,.blue-lift-step,.home-care-card,.product-card,.summary,.form-card,.account-section,.account-login-card,.account-login-preview,.concierge-panel,.knowledge-card,.article-summary,.article-contact,.knowledge-editor-note,.concern-stage-copy,.evidence-copy,.shop-note,.shop-filter-studio,.pay-result-card,.thanks-card,.thanks-v91-card,.result-card){background:var(--brand-pearl)!important;color:var(--brand-ink)!important;border-color:var(--brand-glass)!important}
body[data-design="18"] :is(.feature-card,.info-card,.goal-card,.scan-legend,.blue-lift-step,.home-care-card,.account-command-card,.account-section,.concern-stage-copy,.evidence-copy) :is(strong,small,span,p,h2,h3){color:var(--brand-ink)!important}
body[data-design="18"] :is(.v18-portrait figcaption,.page-hero-art .art-note){background:rgba(var(--brand-pearl-rgb),.96)!important;color:var(--brand-ink)!important}
body[data-design="18"] :is(.v18-portrait figcaption,.page-hero-art .art-note) :is(strong,span){color:var(--brand-ink)!important}
body[data-design="18"] :is(.concern-tab,.account-stat-grid>div,.account-progress-orbit,.topic-nav,.dx-homecare>div){background:var(--brand-pearl)!important;color:var(--brand-ink)!important;border-color:var(--brand-glass)!important}
body[data-design="18"] :is(.concern-tab,.concern-tab.active,.concern-tab[aria-selected="true"]) :is(strong,span,small){color:var(--brand-ink)!important}
body[data-design="18"] :is(.concern-tab.active,.concern-tab[aria-selected="true"],.choice.selected,.choice.active){background:var(--brand-glass)!important;color:var(--brand-ink)!important;border-color:var(--brand-ink)!important}
body[data-design="18"] :is(.concern-tab .num,.blue-lift-step b){color:var(--brand-ink)!important}
body[data-design="18"] :is(.cta-panel,.form-aside,.account-section-nav,.booking-payment-box,.product-stage){background:var(--brand-ice)!important;color:var(--brand-ink)!important;border-color:var(--brand-glass)!important}
body[data-design="18"] :is(.product-photo,.product-hero-art){background:var(--brand-ice)!important}
body[data-design="18"] :is(.account-command-card,.route-studio-editorial,.blue-lift-explainer){box-shadow:none!important;border-color:var(--brand-glass)!important}
body[data-design="18"] .account-command-card :is(.eyebrow,.account-private-pill,.account-command-note){color:var(--brand-ink)!important}
body[data-design="18"] .account-progress-orbit>strong{color:var(--brand-ink)!important}
body[data-design="18"] .account-command-card:before,body[data-design="18"] .account-command-card:after{opacity:.15}

/* Actions always pair ink with pearl; gold never carries small interface text. */
body[data-design="18"] :is(.btn,.pill-btn,.concierge-option,.tab,.shop-subfilter,.v18-knowledge-filters button,.account-section-nav a){background:var(--brand-pearl)!important;color:var(--brand-ink)!important;border-color:var(--brand-glass)!important;box-shadow:none!important;text-shadow:none!important}
body[data-design="18"] :is(.btn.primary,.pill-btn,.tab.active,.shop-subfilter.active,.v18-knowledge-filters [aria-pressed="true"],.account-section-nav a.active){background:var(--brand-ink)!important;color:var(--brand-pearl)!important;border-color:var(--brand-ink)!important;box-shadow:0 6px 18px rgba(var(--brand-ink-rgb),.12)!important}
body[data-design="18"] :is(.btn.primary,.pill-btn,.tab.active,.shop-subfilter.active,.v18-knowledge-filters [aria-pressed="true"],.account-section-nav a.active) :is(span,strong,small){color:inherit!important}
body[data-design="18"] :is(.btn,.pill-btn,.tab,.shop-subfilter,.icon-btn):hover{box-shadow:0 4px 16px rgba(var(--brand-ink-rgb),.13)!important;border-color:var(--brand-ink)!important}
body[data-design="18"] :is(.btn.soft,.btn.ghost):hover{background:var(--brand-glass)!important}
body[data-design="18"] :is(input:not([type="radio"]):not([type="checkbox"]):not([type="range"]),select,textarea){background:var(--brand-pearl);color:var(--brand-ink);border-color:var(--brand-glass)!important}
body[data-design="18"] :is(input,textarea)::placeholder{color:rgba(var(--brand-ink-rgb),.74);opacity:1}
body[data-design="18"] :is(a,button,input,select,textarea,summary):focus-visible{outline-color:var(--brand-ink)!important;box-shadow:0 0 0 5px var(--brand-pearl)!important}
body[data-design="18"] :is(input,select,textarea):focus{border-color:var(--brand-ink)!important}
body[data-design="18"] :is(input[type="checkbox"],input[type="radio"],input[type="range"]){accent-color:var(--brand-ink)}
body[data-design="18"] .mobile-sticky{background:rgba(var(--brand-pearl-rgb),.97)!important;border-color:var(--brand-glass)!important;box-shadow:0 -4px 20px rgba(var(--brand-ink-rgb),.07)!important}
body[data-design="18"] :is(.faq-q,.faq-question,.faq-a,.faq-answer){color:var(--brand-ink)!important}
body[data-design="18"] :is(.review,.review.big){background:transparent!important;color:var(--brand-ink)!important;border-color:var(--brand-glass)!important}
body[data-design="18"] .review :is(p,strong,span,small){color:var(--brand-ink)!important}
body[data-design="18"] :is(.concern-stage-note,.stars){color:var(--brand-ink)!important}
body[data-design="18"] :is(.process-step .n,.kicker-list .kicker span,.kicker-list .kicker i){color:var(--brand-ink)!important}
body[data-design="18"] .kicker-list .kicker i{background:var(--brand-glass)!important}
body[data-design="18"] .lock-badge.approved{color:var(--brand-pearl)!important}
body[data-design="18"] .form-aside :is(h1,h2,h3,p,span,strong,i,div){color:var(--brand-ink)!important}

/* Management and diagnosis use the same light surfaces; medical/status colors remain semantic. */
body:has(.admin-shell),body.admin-login{background:var(--brand-pearl)!important;color:var(--brand-ink)}
.admin-login{background:linear-gradient(135deg,var(--brand-ice),var(--brand-pearl))!important}
.admin-side,.diagnosis-nav{background:var(--brand-ice)!important;color:var(--brand-ink)!important;border-color:var(--brand-glass)!important}
.admin-side :is(h2,small,a,button),.diagnosis-nav button{color:var(--brand-ink)!important}
.admin-side>img{filter:brightness(0) saturate(100%) invert(18%) sepia(21%) saturate(1810%) hue-rotate(169deg) brightness(95%) contrast(95%)!important}
.admin-side nav .nav-active,.mobile-admin-tabs .nav-active,.diagnosis-nav button.active{background:var(--brand-ink)!important;color:var(--brand-pearl)!important}
.diagnosis-nav button.active b{background:var(--brand-pearl)!important;color:var(--brand-ink)!important}
.diagnosis-nav button:not(.active) b{background:var(--brand-glass)!important;color:var(--brand-ink)!important}
.admin-shell :is(.admin-panel,.admin-product,.admin-client,.admin-order,.mobile-admin-bar,.client-editor-section,.dx-card,.dx-panel),.login-card{background:var(--brand-pearl);border-color:var(--brand-glass)}
.admin-shell .primary,.admin-login .primary,.diagnosis-footer .primary{background:var(--brand-ink)!important;color:var(--brand-pearl)!important;border-color:var(--brand-ink)!important}
.admin-shell :is(button,a,input,select,textarea):focus-visible,.admin-login :is(button,a,input):focus-visible,dialog :is(button,a,input,select,textarea):focus-visible{outline-color:var(--brand-ink)!important;box-shadow:0 0 0 4px var(--brand-pearl)!important}
.diagnosis-dialog,.diagnosis-workspace{background:var(--brand-pearl)!important}
.dx-preview-hero{background:var(--brand-ice)!important;color:var(--brand-ink)!important}
.dx-preview-hero :is(h3,p,span,strong){color:var(--brand-ink)!important}
.diagnosis-save-state{background:var(--brand-ice)!important;color:var(--brand-ink)!important}
.admin-shell .kicker,.admin-login .kicker{color:var(--brand-ink)!important}
body[data-design="18"] #scrollTopBtn{background:var(--brand-pearl)!important;color:var(--brand-ink)!important;border-color:var(--brand-glass)!important;border-radius:50%!important}
@media(min-width:701px){body[data-design="18"] #scrollTopBtn{bottom:92px!important}}