/* Skin Value: deep mulberry, warm ivory, soft blush and charcoal. */
:root{color-scheme:light;--ink:#292329;--muted:#786672;--paper:#FFF8F2;--white:#FFFDFA;--line:#E5CCD9;--sage:#F1DDE7;--lime:#F1DDE7;--orange:#632B4F;--accent:#632B4F;--signature:#632B4F;--on-signature:#FFF8F2;--on-ink:#FFF8F2;--sidebar:#FFF3ED}
:root[data-theme=dark]{color-scheme:dark;--ink:#FFF8F2;--muted:#C8B6C1;--paper:#191218;--white:#261C23;--line:#543346;--sage:#3C2836;--lime:#432C3B;--orange:#EDBED8;--accent:#EDBED8;--signature:#632B4F;--on-signature:#FFF8F2;--on-ink:#191218;--sidebar:#20171E}
@media(prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;--ink:#FFF8F2;--muted:#C8B6C1;--paper:#191218;--white:#261C23;--line:#543346;--sage:#3C2836;--lime:#432C3B;--orange:#EDBED8;--accent:#EDBED8;--signature:#632B4F;--on-signature:#FFF8F2;--on-ink:#191218;--sidebar:#20171E}}
.sidebar{background:var(--sidebar)}.logo{gap:5px;font-size:29px;letter-spacing:-1.6px;line-height:1.1;font-weight:650}.wordmark-skin{font-family:Georgia,serif;font-style:italic;font-weight:400}.wordmark-value{color:var(--accent);letter-spacing:-1.7px}.logo-dot{color:var(--ink)}.brand-row{display:flex;align-items:center;justify-content:space-between;gap:15px}.nav-link.active{background:var(--sage)}.primary{background:var(--ink);color:var(--on-ink)}.primary:hover{background:var(--muted)}.chip.selected,.chip:hover{background:var(--ink);border-color:var(--ink);color:var(--on-ink)}.save-button.saved{background:var(--ink);color:var(--on-ink)}.compare-tray,.toast{background:var(--ink);color:var(--on-ink)}.compare-tray .primary{background:var(--on-ink);color:var(--ink)}.product-image,.detail-photo,.table-product .table-image{color-scheme:light;background:#FFF8F2!important}.product-image img,.detail-photo img,.table-image img{color-scheme:light}.hero-art svg>circle:first-child{fill:var(--sage)}.hero-art svg>circle:nth-child(2){stroke:var(--line)}.hero-art svg>path:first-of-type{fill:var(--line);stroke:var(--muted)}.hero-art svg>path:nth-of-type(2){stroke:var(--ink)}.hero-art svg>path:last-of-type{stroke:var(--accent)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-color:var(--accent)}
.theme-control{display:inline-flex;align-items:center;gap:3px;padding:4px;border:1px solid var(--line);background:var(--white);border-radius:100px;flex-shrink:0}.theme-control button{display:flex;gap:5px;align-items:center;justify-content:center;min-width:36px;min-height:32px;padding:5px 9px;color:var(--muted);border:0;background:transparent;border-radius:100px;font-size:10px;white-space:nowrap}.theme-control button svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.theme-control button[aria-pressed=true]{background:var(--ink);color:var(--on-ink)}.theme-control button:hover:not([aria-pressed=true]){background:var(--sage);color:var(--ink)}.topbar{position:sticky;top:0;background:color-mix(in srgb,var(--paper) 93%,transparent);backdrop-filter:blur(16px);z-index:9;transition:transform .28s ease,opacity .28s ease}.topbar.is-tucked{transform:translateY(-14px);opacity:.96}.topbar:has(:focus-visible){transform:none;opacity:1}.sidebar:has(:focus-visible){transform:none!important}.brand-row .logo{margin:0}.theme-control~*{flex-shrink:0}
@media(max-width:1100px) and (min-width:901px){.top-label{display:none}.topbar{justify-content:flex-end}.preferences{gap:10px}.theme-control button{padding:5px 7px}}
@media(max-width:900px){.sidebar{transition:transform .28s ease;background:color-mix(in srgb,var(--sidebar) 96%,transparent)}.sidebar.is-tucked{transform:translateY(-57px)}.brand-row{min-height:43px;margin-bottom:9px}.brand-row .logo{font-size:28px}.theme-control button{min-height:32px;padding:5px 8px}.topbar{position:static;transform:none!important;opacity:1!important}.nav-link.active{background:transparent}.preferences{margin-left:auto}.top-label{font-size:10px}}
@media(max-width:450px){.theme-control button span{display:none}.theme-control button{min-width:34px;min-height:34px;padding:6px}.brand-row .logo{font-size:27px}.theme-control{gap:2px}.top-label{max-width:110px;line-height:1.4}}
@media(prefers-reduced-motion:reduce){.topbar,.sidebar{transition:none}}

/* Brand colors for actions and links, with readable dark-mode counterparts. */
a{color:var(--accent)}.logo,.wordmark-skin,.wordmark-value,.logo-dot{color:var(--accent)}.primary,.primary:hover{background:var(--signature);color:var(--on-signature)}.primary:hover{filter:brightness(1.12)}.text-button,.compare-button.chosen{color:var(--accent)}.chip.selected,.chip:hover,.save-button.saved{background:var(--signature);border-color:var(--signature);color:var(--on-signature)}.theme-control button[aria-pressed=true]{background:var(--signature);color:var(--on-signature)}.compare-tray,.toast{background:var(--signature);color:var(--on-signature)}.compare-tray .primary{background:var(--on-signature);color:var(--signature)}.nav-link.active{color:var(--accent)}.eyebrow,.small-leaf,.quick-action>.icon{color:var(--accent)}.eyebrow::before,.match-bar>span{background:var(--accent)}.match-value{color:var(--accent)}.search-form{background:var(--white)}