/* Blue and white comparison, with warm story sections. */
html[data-theme="blue"]{--green:#153d66;--deep:#102c49;--sage:#396e98;--cream:#f7faff;--pale:#edf4fa;--ink:#233b51;--muted:#5d7183;--line:#dce6ef}
html[data-theme="blue"] body{background:#fff}
html[data-theme="blue"] header{border-color:#dde7f0;box-shadow:0 2px 12px #12385805}
html[data-theme="blue"] .topbar{color:#e2edf7}
html[data-theme="blue"] .hero{background:linear-gradient(120deg,#fff 15%,#f0f6fc 100%)}
html[data-theme="blue"] .button:hover{background:#245b89}
html[data-theme="blue"] .button.outline{color:#153d66;border-color:#adc5d9}
html[data-theme="blue"] .button.outline:hover{background:#e4eff8}
html[data-theme="blue"] .brand-symbol{border-color:#94b4ce}
html[data-theme="blue"] .hero-tags{color:#4d6c84}
html[data-theme="blue"] .hero-tags span:before{color:#2d719f}
html[data-theme="blue"] .feature-bar{color:#f1f7fc}
html[data-theme="blue"] .feature-bar span{color:#c4d9eb}
html[data-theme="blue"] .image-caption{background:#153d66;box-shadow:0 10px 30px #12395820}
html[data-theme="blue"] .image-caption>span,html[data-theme="blue"] .image-caption small{color:#d4e5f2}
html[data-theme="blue"] .card-num{color:#668eaf}
html[data-theme="blue"] .text-link{border-color:#a9bfd2}
html[data-theme="blue"] .dark p{color:#d3e1ed}
html[data-theme="blue"] .dark .eyebrow{color:#b6d0e6}
html[data-theme="blue"] .faq details{border-color:#d2e0eb}
html[data-theme="blue"] .cta{background:#e6f0f9}
html[data-theme="blue"] th{background:#e5eff7}
html[data-theme="blue"] .info-strip{color:#4b647b;background:#edf4fa}
html[data-theme="blue"] input,html[data-theme="blue"] textarea,html[data-theme="blue"] select{border-color:#ccdce8}
html[data-theme="blue"] .resource-cover{background:#e4edf6}
html[data-theme="blue"] .cover-1{background:#dcecf5}
html[data-theme="blue"] .cover-2{background:#e9edf5}
html[data-theme="blue"] .catalog-controls{background:#edf4fa}
html[data-theme="blue"] footer p,html[data-theme="blue"] footer .fine{color:#aec5d9}
html[data-theme="blue"] .footer-grid>div>a:not(.brand){color:#c6d8e8}
html[data-theme="blue"] .footer-bottom{color:#b4ccdf}
html[data-theme="blue"] .floating-contact{background:#1e5b89}
html[data-theme="blue"] .story-teaser{background:#f7f3ea}
html[data-theme="blue"] .story-opening .lead{color:#153d66}
html[data-theme="blue"] .future-categories article{background:#f8f7f2}
html[data-theme="blue"] .real-product{background:#fff}
html[data-theme="blue"] .origin-teaser{background:#f3f7fb}
html[data-theme="blue"] a:focus-visible,html[data-theme="blue"] button:focus-visible,html[data-theme="blue"] input:focus-visible,html[data-theme="blue"] textarea:focus-visible,html[data-theme="blue"] select:focus-visible,html[data-theme="blue"] summary:focus-visible{outline-color:#2678b5}