:root{--ink:#171316;--pink:var(--brand,#986078);--line:#eee4e9;--surface:#fcf8fa}
body.public{color:var(--copy,#171316);background:var(--canvas,#fff)}
body.admin,body.account{background:#faf7f9}
.brand img{height:auto!important;aspect-ratio:8/5;object-fit:contain}
.store-header .brand{width:130px}
.sidebar .brand{width:124px}
.public .store-header{border-color:var(--line)}
.public .store-nav a:hover,.footer-top a:hover,.pink,.page-heading .eyebrow{color:var(--pink)}
.admin .button,.account .button{background:var(--brand);border-color:var(--brand);color:var(--brand-on);box-shadow:0 4px 12px #0000000b}
.admin .button:hover,.account .button:hover{background:color-mix(in srgb,var(--brand) 88%,#000);border-color:var(--brand)}
.admin .button.outline,.account .button.outline{background:transparent;color:var(--copy);border-color:color-mix(in srgb,var(--copy) 20%,transparent);box-shadow:none}
.sidebar nav a.active{color:var(--brand);background:color-mix(in srgb,var(--brand) 12%,#fff)}
.sidebar nav a.active svg{color:inherit}
.heart button{display:grid;place-items:center}
.heart button svg{width:19px;height:19px}
.menu-toggle svg{width:22px;height:22px}
.confirm-symbol svg{width:27px;height:27px}
.variant-options-help{color:var(--muted)}
.public .summary,.public .panel,.public footer{border-color:var(--line)}
@media(max-width:640px){.public .store-header .brand{width:108px}.sidebar .brand{width:116px}}