/* MIDNIGHT / ICE — one palette across commerce, storytelling, and navigation. */
:root{--ink:#193139;--muted:#6b838a;--teal:#38a3c4;--mint:#e9faff;--line:#ddebef;--paper:#f7fbfc;--acid:#aeecff;--night:#0f2126}
body{background:var(--paper);color:var(--ink)}
.opening-sequence,.opening-sticky{background:#0f2126;color:#f5fdff}
.site-header{background:#0f2126f5;color:#f5fdff}.topline{background:#0a181c}
.hero,.scroll-story{background:#0f2126!important;color:#f5fdff}
.hero-atmosphere>div{background:radial-gradient(ellipse,#59d8ff35,transparent 70%)}
.scroll-story .story-panel .story-copy h2 em{color:#aeecff}
.scroll-story .story-copy>p{color:#b7cfd6}
.scroll-story .story-panel .story-disc{background:linear-gradient(135deg,#cbf3ff,#8ad7ee)}
.scroll-story .story-panel:nth-child(2) .story-disc{background:linear-gradient(135deg,#d8f6ff,#a8deee)}
.scroll-story .story-panel:nth-child(3) .story-disc{background:linear-gradient(135deg,#cdebf4,#8ec4d5)}
.scroll-story .story-panel .story-visual img{background:transparent;border:0;border-radius:0;box-shadow:none;filter:drop-shadow(0 22px 22px #04131755);mix-blend-mode:normal;padding:0;inset:1% auto auto 4%;width:92%;height:92%;object-fit:contain}
.scroll-story .story-note{background:#e4f9ff;color:#2b5e6d}.scroll-story .story-watermark{color:#aeecff30}
.scroll-story .story-segments button.active,.scroll-story .story-segments button[aria-pressed=true]{background:#aeecff;color:#153842;border-color:#aeecff}
.btn-primary{background:#38a3c4;color:#fff}.hero .btn-primary,.scroll-story .btn-primary{background:#aeecff;color:#163640}
.buddy-help{background:#193a44!important}.store-copy{background:#17343d!important}.store-visual{background:#c4f1ff!important;color:#1d424e}
.eco-card:first-child{background:#e5f9ff}.eco-card:last-child{background:#e0f0f5}
.compare-workspace{background:#eef7fa;border-color:#d8eaef}.compare-art{background:#dff2f8}#compare .compare-device:nth-child(2) .compare-art{background:#e6e2f5}#compare .compare-device:nth-child(3) .compare-art{background:#def0f5}
.chapter-dock{background:#18333bf5;border-color:#bef0ff30}.chapter-dock a[aria-current=location],.chapter-next{background:#aeecff;color:#193a44}.floating-help{background:#275765;color:#f7fdff}
::selection{background:#bcefff;color:#17353e}
.category-tile:nth-child(3) .category-card{background:#e6e1f3}
.category-tile:nth-child(1) .category-card{background:#e2f1f6}
.category-tile:nth-child(5) .category-card{background:#e8f2f5}
/* Only the backdrop fades. An opaque sticky surface would hide the store below it. */
.opening-sequence,.opening-sticky{background:transparent}
.opening-backdrop{background:#0f2126}
.floating-help{background:#128c4c;color:#fff;border:1px solid #ffffff66;gap:9px;box-shadow:0 8px 25px #051a2130}
.floating-help .whatsapp-logo{display:block;width:24px;height:24px;flex:none;color:#fff}
.floating-help:hover{background:#087b40}
@media(max-width:760px){.floating-help{width:48px;height:48px;min-height:48px;padding:12px;right:14px;bottom:calc(82px + env(safe-area-inset-bottom,0px));border-radius:50%}.floating-help .whatsapp-logo{width:24px;height:24px}.floating-help>span{display:none}}