/* The public catalogue keeps its own styling. These overrides apply only when
   opened from Client Space and use the same palette choices as client.css. */
html[data-client-catalog-accent] {
  --dark: #34261f;
  --cream: #fbf7ef;
  --paper: #fffdf8;
  --sand: #f5ecdc;
  --muted: #76665c;
  --line: #eadfce;
  --coffee: #774313;
  --catalog-fill: #774313;
  --catalog-hover: #f2dfbd;
}
html[data-client-catalog-accent="sage"] { --coffee: #3d573f; --catalog-fill: #3d573f; --catalog-hover: #dce7d8; }
html[data-client-catalog-accent="ocean"] { --coffee: #2b5365; --catalog-fill: #2b5365; --catalog-hover: #d9e8ee; }
html[data-client-catalog-accent="berry"] { --coffee: #65394b; --catalog-fill: #65394b; --catalog-hover: #eedce3; }
html[data-client-catalog-accent] .site-header { background: var(--paper); border-bottom-color: var(--line); }
html[data-client-catalog-accent] .hero { border-bottom-color: var(--line); }
html[data-client-catalog-accent] .quantity button { background: var(--sand); }
html[data-client-catalog-accent] .category-section h3 { background: transparent; }
html[data-client-catalog-accent] .product-row { border-bottom-color: var(--line); }
html[data-client-catalog-accent] .primary-button,
html[data-client-catalog-accent] .categories button.active { background: var(--catalog-fill); border-color: var(--catalog-fill); color: #fff; }
html[data-client-catalog-accent] .menu-add-button { background: var(--catalog-fill); border-color: var(--catalog-fill); color: #fff; }
html[data-client-catalog-accent] .portal-close:hover,
html[data-client-catalog-accent] .portal-close:focus-visible,
html[data-client-catalog-accent] .add-button:hover,
html[data-client-catalog-accent] .quantity-button:hover { background: var(--catalog-hover); color: var(--coffee); }
html[data-client-catalog-accent] footer { background: var(--catalog-fill); color: #fff; }
html[data-client-catalog-resolved-theme="dark"] {
  color-scheme: dark;
  --dark: #fff8ed;
  --cream: #1d1815;
  --paper: #29221e;
  --sand: #352b25;
  --muted: #c7b7aa;
  --line: #4b3d34;
  --coffee: #e0ae70;
  --catalog-fill: #774313;
  --catalog-hover: #493523;
}
html[data-client-catalog-resolved-theme="dark"][data-client-catalog-accent="sage"] { --coffee: #a6c3a7; --catalog-fill: #3d573f; --catalog-hover: #334536; }
html[data-client-catalog-resolved-theme="dark"][data-client-catalog-accent="ocean"] { --coffee: #9bc5d6; --catalog-fill: #2b5365; --catalog-hover: #293f49; }
html[data-client-catalog-resolved-theme="dark"][data-client-catalog-accent="berry"] { --coffee: #d4a8ba; --catalog-fill: #65394b; --catalog-hover: #49313a; }
html[data-client-catalog-resolved-theme="dark"] .search input,
html[data-client-catalog-resolved-theme="dark"] .checkout-form input,
html[data-client-catalog-resolved-theme="dark"] .checkout-form select,
html[data-client-catalog-resolved-theme="dark"] .checkout-form textarea,
html[data-client-catalog-resolved-theme="dark"] .item-quantity { color: var(--dark); }
html[data-client-catalog-resolved-theme="dark"] .icon-button { background: var(--sand); color: var(--dark); }
html[data-client-catalog-resolved-theme="dark"] .drawer-backdrop { background: rgba(0,0,0,.65); }
html[data-client-catalog-resolved-theme="dark"] .menu-photo { mix-blend-mode: normal; border-radius: 8px; }