:root{color-scheme:light;--paper:#f4f5f5;--surface:#fff;--ink:#1e292d;--muted:#667176;--forest:#176f72;--accent:#17777a;--gold:#e9844b;--line:#d7ddde;--soft:#edf1f1;--header:#fff;--portal:#fff;--portal-text:#1e292d;--portal-muted:#667176;--shadow:0 10px 34px #17252a12}
html[data-theme=dark]{color-scheme:dark;--paper:#172124;--surface:#222e32;--ink:#eef3f3;--muted:#bcc8ca;--forest:#77c5c3;--accent:#83d1ce;--gold:#f09a66;--line:#3f5055;--soft:#29393d;--header:#172124;--portal:#222e32;--portal-text:#eef3f3;--portal-muted:#bcc8ca;--shadow:0 14px 44px #0005}
body.barstow-menu{background:var(--paper)!important;color:var(--ink)!important}
body.barstow-menu::before{display:none!important}
.barstow-menu .site-header{background:var(--header);color:var(--ink);border-bottom:1px solid var(--line)}
.barstow-menu .brand-name strong,.barstow-menu .brand-name>span{color:var(--ink)}
.barstow-menu .brand-name small{color:var(--muted)}
.barstow-menu .desktop-nav a,.barstow-menu .mobile-nav a{color:var(--ink)}
.barstow-menu .desktop-nav a.active,.barstow-menu .section-heading .text-link{color:var(--accent)}
.barstow-menu .selection-button,.barstow-menu .theme-button{border-color:var(--line);color:var(--ink)}
.barstow-menu .selection-count,.barstow-menu .filter-button[aria-pressed=true],.barstow-menu .solid-button{background:var(--accent)!important;color:#fff!important;border-color:var(--accent)!important}
.barstow-menu .product-card,.barstow-menu .category-card,.barstow-menu .menu-portal{background:var(--surface);color:var(--ink);border-color:var(--line);box-shadow:var(--shadow)}
.barstow-menu .product-card :is(h2,h3,p),.barstow-menu .category-card :is(h2,h3,p){color:var(--ink)}
.barstow-menu .product-price,.barstow-menu .price,.barstow-menu .product-card [class*=price]{color:var(--accent)}
.barstow-menu .preview-ribbon{display:none}
.barstow-menu .site-footer{color:var(--ink);text-shadow:none;border-color:var(--line)}
.barstow-menu .site-footer :is(p,small,span){color:var(--muted)}
.barstow-menu .site-footer strong{color:var(--ink)}
.barstow-menu .mobile-nav{background:var(--surface);border-color:var(--line);color:var(--ink)}
.barstow-menu .mobile-nav button{color:var(--ink)}
.barstow-menu .brand .barstow-logo{width:56px;height:56px;object-fit:contain;border-radius:12px}
@media(max-width:620px){.barstow-menu .brand .barstow-logo{width:48px;height:48px}}
