
:root{color-scheme:dark;--jb:#061322;--jb2:#081a2d;--js:#0b2035;--js2:#102a43;--jbdr:rgba(120,180,220,.16);--jtxt:#f4f8ff;--jmuted:#9fb2c5;--jblue:#1683c7;--jblue2:#0b5d93}
html,body{background:var(--jb)!important;color:var(--jtxt)!important}
body{background:linear-gradient(180deg,#06111f 0,#071827 45%,#061322 100%)!important}
main,section,article,.min-h-screen{background:transparent!important;color:var(--jtxt)!important}
.bg-white,.bg-gray-50,.bg-gray-100,.bg-neutral-50,.bg-neutral-100,.bg-background-light{background-color:var(--js)!important}
.bg-gray-200,.bg-neutral-200{background-color:var(--js2)!important}
.bg-\[\#fff\],.bg-\[\#ffffff\]{background-color:var(--js)!important}
.text-black,.text-gray-900,.text-gray-800,.text-gray-700,.text-text-main,.text-slate-900,.text-slate-800,.text-slate-700{color:#f4f8ff!important}
.text-gray-600,.text-gray-500,.text-gray-400,.text-text-secondary,.text-slate-600,.text-slate-500,.text-slate-400{color:var(--jmuted)!important}
.border-gray-100,.border-gray-200,.border-gray-300,.border-neutral-light,.border-neutral-light\/50{border-color:var(--jbdr)!important}
input,select,textarea{background:#091c30!important;color:#fff!important;border-color:var(--jbdr)!important}
input::placeholder,textarea::placeholder{color:#70879b!important}
button{font-family:inherit}
.shadow,.shadow-sm,.shadow-md,.shadow-lg,.shadow-soft{box-shadow:0 16px 45px rgba(0,0,0,.28)!important}
.rounded-xl,.rounded-2xl{border-color:var(--jbdr)}
.bg-red-50,.bg-red-100{background:rgba(220,38,38,.13)!important}
.bg-green-100,.bg-green-100\/50{background:rgba(22,163,74,.13)!important}
.text-green-600{color:#5ee59a!important}.text-red-600{color:#ff8585!important}
.bg-primary{background:#116fa9!important}.text-primary{color:#4fb4ed!important}.border-primary{border-color:#1683c7!important}
.hover\:bg-white:hover{background:#16314a!important}
.product-detail-page{background:linear-gradient(180deg,#061322,#081a2d)!important}
.product-detail-page main{max-width:1280px!important}
.product-detail-page .aspect-square{background:linear-gradient(145deg,#0b2238,#071522)!important;border:1px solid var(--jbdr)!important}
.product-detail-page .aspect-square img{filter:drop-shadow(0 18px 30px rgba(0,0,0,.45))}
.product-detail-page .grid.grid-cols-4 button{background:#0b2035!important;border-color:var(--jbdr)!important}
.product-detail-page .grid.grid-cols-4 button:hover{border-color:#1683c7!important}
.product-detail-page .product-price,.product-detail-page .bg-white.p-6{background:linear-gradient(145deg,#0b2035,#0a1a2b)!important;border:1px solid var(--jbdr)!important}
.product-detail-page .flavor-content{background:#102a43!important;color:#eaf4ff!important;border-color:#31516d!important}
.product-detail-page .flavor-input:checked + .flavor-content{background:#0d5f91!important;border-color:#49b8f2!important;box-shadow:0 0 0 3px rgba(22,131,199,.16)}
.product-detail-page .variation-group{padding:12px 0}
.product-detail-page .variation-group label{display:inline-flex;align-items:center;margin:5px;padding:9px 13px;border:1px solid #28465e;border-radius:11px;background:#0d2236;color:#dcecff;cursor:pointer}
.product-detail-page .variation-group input:checked + *{background:#0d5f91}
.product-detail-page .cart-btn{background:linear-gradient(135deg,#1683c7,#0b5d93)!important;color:#fff!important;box-shadow:0 10px 28px rgba(8,105,160,.25)}
.product-detail-page .cart-btn:hover{filter:brightness(1.12);transform:translateY(-1px)}
.product-detail-page table,.product-detail-page dl{background:#0b2035!important}
.product-detail-page .text-red-600{color:#ff7180!important}
#selectionModal>div{background:#0c2238!important;color:#fff!important;border:1px solid var(--jbdr)}
/* generic storefront cards */
.product-card,.j-product-card{background:linear-gradient(145deg,#0d243a,#091827)!important;border:1px solid var(--jbdr)!important;color:#fff!important}
footer{background:#04101d!important}
@media(max-width:700px){.product-detail-page main{padding:20px 12px!important}.product-detail-page .grid.grid-cols-4{gap:8px}.product-detail-page .bg-white.p-6{padding:16px!important}}
