/* Brand surfaces. Component styles retain their borders, padding and layouts.
   Keep this layer scoped: painting every section/form/card erased visual hierarchy. */
html:root[data-theme=light] {
  color-scheme: light;
  background: #eae0ce;
  --lb-beige: #eae0ce;
  --lb-beige-deep: #e2d7c3;
  --lb-white: #f6f1e8;
}
html:root[data-theme=light] body.luxury-ui[data-lang][data-dir][class] {
  background: #eae0ce;
  color: #302525;
  --ls-white: #f6f1e8;
  --ls-ivory: #eae0ce;
  --ad-white: #f6f1e8;
  --ad-ivory: #eae0ce;
  --aya-white: #f6f1e8;
  --aya-ivory: #eae0ce;
  --m-ivory: #eae0ce;
  --m-card: #f6f1e8;
  --libseh-paper: #f6f1e8;
  --libseh-powder: #e2d7c3;
}
/* Named content surfaces, rather than wildcard matches such as [class$="-card"]. */
html:root[data-theme=light] body.luxury-ui[data-lang][data-dir][class]
:is(.aya-card,.m-card,.service-card,.bf-admin-card,.lab-att-card,.lab-demo-card,
    .cart-card,.cart-summary,.cart-store-group,.checkout-card,.checkout-summary,
    .checkout-panel,.account-card,.order-card,.order-summary,.payment-card,
    .contact-card,.account-hub-card,.account-hub-block,.pf2-card,.cr-card,
    .opg-card,.int-card,.category-admin-card,.category-catalog-filters,
    .mdash-kpi,.mdash-product-card,.mdash-branch-card) {
  background-color: #f6f1e8;
  border: 1px solid #d8c9b5;
  border-radius: 16px;
  box-shadow: none;
}
html:root[data-theme=light] body.luxury-ui[data-lang][data-dir][class]
:is(.aya-card,.m-card,.service-card,.bf-admin-card,.account-hub-block,.pf2-card,.int-card) {
  padding: clamp(16px, 2vw, 24px);
}
html:root[data-theme=light] body.luxury-ui[data-lang][data-dir][class]
:is(.aya-shortcuts a,.ad-shortcuts a,.customer-shortcuts>a,.customer-kpis>a) {
  background-color: #f6f1e8;
  border: 1px solid #d8c9b5;
  border-radius: 12px;
}
/* Product/store cards keep their original spacing, image ratios and actions. */
html:root[data-theme=light] body.luxury-ui[data-lang][data-dir][class]
:is(.ls-pc,.store-card-v2,.ls-store-card,.luxe-product-card) {
  background-color: #f6f1e8;
  border: 1px solid #d8c9b5;
  border-radius: 16px;
  box-shadow: none;
}
html:root[data-theme=light] body.luxury-ui[data-lang][data-dir][class]
:is(.ls-pc-body,.ls-store-body) { background-color: transparent; }
/* Functional field and overlay surfaces use a lighter beige for separation. */
html:root[data-theme=light] body.luxury-ui[data-lang][data-dir][class]
:is(.modal-content,.aya-modal,.bf-dialog,.search-panel,.account-panel,
    .mobile-site-menu,.welcome-card,.inbox-sheet-card,.care-shell) {
  background-color: #f6f1e8;
  color: #302525;
  border-color: #d8c9b5;
}
html:root[data-theme=light] body.luxury-ui[data-lang][data-dir][class]
:is(.bf-wheel-widget,.bf-floating,[data-bf-widget],[data-bf-open],
    [data-theme-toggle],[data-theme-set]) { display: none !important; }
/* Flat icon assets have their own bounds; never reset every image on the page. */
img.libseh-flat-icon {
  width: 26px; height: 26px; min-width: 26px; object-fit: contain;
  padding: 0; background: transparent; border: 0; border-radius: 0; box-shadow: none;
}
button:has(>.libseh-flat-icon), a:has(>.libseh-flat-icon) { min-height: 44px; }
.welcome-services { display: flex; flex-wrap: wrap; justify-content: center; gap: 24px; margin: 16px 0; }
.welcome-art { max-width: 100%; height: auto; max-height: 180px; object-fit: contain; }
html body #libseh-category-rail>a { grid-template-columns: minmax(0,1fr) !important; }
html body #libseh-category-rail>a>.category-item-media>img[src$=".svg"] {
  width: 100% !important; height: auto !important; aspect-ratio: 1/1;
  object-fit: contain; padding: 22% !important;
}