/* Pure-white surfaces with the blue sampled from the supplied reference (#426cd8). */
:root{--ink:#202733;--navy:#426cd8;--blue:#426cd8;--orange:#ff741d;--paper:#fff;--line:#e2e6ed;--muted:#596372}
body{background:#fff;color:var(--ink)}
.topline{background:#fff;color:#596372;border-bottom:1px solid var(--line)}
.topline b{color:#ff9a54}
.mast{background:#fff;border-bottom-color:var(--line)}
.mast .nav,.mast .nav a:hover,.mast-contact summary{color:var(--blue)}
.cart-link{background:#fff;border-color:var(--line);color:var(--blue)}
.cart-link #cart-count{background:var(--blue);color:#fff}
.contact-panel{background:#fff;border-color:var(--line);box-shadow:0 10px 28px #20273312}
.hero{background:#fff;color:var(--ink)}
.hero::before{display:none}
.hero .kicker,.band .kicker{color:var(--blue)}
.hero h1{color:var(--blue)}
.hero h1 span{color:#ff8737}
.hero p{color:var(--muted)}
.hero-picture{background:#fff}
.hero-caption{color:var(--blue);background:#fff;border:1px solid var(--line);border-radius:4px;padding:5px 8px}
.hero .btn.ghost{background:#fff;border-color:var(--blue);color:var(--blue)}
.hero .btn.ghost:hover{background:#fff;border-color:#3157b8;color:#3157b8}
.strip{background:#fff;border-color:var(--line);border-top:1px solid var(--line)}
.strip span{color:var(--blue)}
.strip span+span{border-left-color:var(--line)}
#collections{background:#fff;border-top-color:var(--line)}
#collections h2{color:var(--ink)}
#collections .category{background:#fff;border-color:var(--line);box-shadow:none}
#collections .category:hover{border-color:var(--blue);box-shadow:0 4px 16px #2027330a}
.category .media,.category-copy,.catalog-tile .media:has(.tile-number){background:#fff}
.tile-number,.catalog-tile .media:has(.tile-number) .index{color:var(--blue)}
.feature,.feature-photo,.photo-frame,.air-photo{background:#fff;border-color:var(--line)}
.micro span{background:#fff;border:1px solid var(--line);color:var(--blue)}
.band{background:#fff;color:var(--ink);border-block:1px solid var(--line)}
.band p{color:var(--muted)}
.page-banner{background:#fff;color:var(--ink)}
.page-banner .crumb,.page-banner #about-title+p{color:var(--muted)}
.experience,.buy-box,.specs,.shop-card,.payment-record{background:#fff;border-color:var(--line)}
.guide-table thead{background:#fff;color:var(--blue)}
.guide-table tbody tr:nth-child(even){background:#fff}
.foot{background:#fff;border-top-color:var(--line);color:var(--muted)}
.btn:hover{background:#ff914b}
.btn.blue:hover{background:#3157b8}
.account-header,body:has(#confirmation-title)>header{background:#fff;color:var(--blue);border-bottom:1px solid var(--line)}
.account-header nav a,body:has(#confirmation-title)>header>a:last-child{color:var(--blue)}
.account-card,body:has(#confirmation-title) .card{background:#fff;border-color:var(--line);box-shadow:0 8px 28px #20273308}
.account-main input{background:#fff;border-color:#c9d0dc}
.account-main .btn.blue,body:has(#confirmation-title) .button:not(.secondary){background:var(--blue);color:#fff}
.account-main .btn.blue:hover,body:has(#confirmation-title) .button:not(.secondary):hover{background:#3157b8}

/* VEVOR-inspired neutral surface hierarchy: soft gray canvas, white product cards. */
:root{--paper:#f5f5f5;--line:#e5e5e5}
body{background:#f5f5f5}
.topline{background:#f3f3f3}
.hero,.hero-picture{background:#f3f3f3}
.hero-picture img{mix-blend-mode:multiply}
.strip{background:#ededed}
#collections,.feature,.experience,.category-panel,.product,.account-main{background:#f5f5f5}
#collections .category,.category-copy,.shop-card,.payment-record,.buy-box,.account-card{background:#fff}
.category .media,.catalog-tile .media:has(.tile-number),.photo-frame,.air-photo{background:#f3f3f3}
.band,.page-banner,.foot{background:#ededed}
.specs,.micro span,.guide-table thead{background:#f3f3f3}
.guide-table tbody tr:nth-child(even){background:#f8f8f8}
