/**
 * Brand Evolution Engine — per-page expression of synchronized brand meaning.
 * Consumes CSS variables from SgAiPagePurposeEngine.
 */

[data-sg-brand-photo="white_marble"] {
  --sg-marble-surface: linear-gradient(145deg, #f8f6f2 0%, #ece9e4 42%, #f5f3ef 100%);
  --sg-marble-vein: rgba(255, 255, 255, 0.55);
}

[data-sg-brand-photo="white_marble"][data-sg-commerce-page="home"] .sg-ai-shop-experience__feed::before,
[data-sg-brand-photo="white_marble"].sg-ai-commerce--page-home .sg-ai-commerce__main::before {
  content: "";
  display: block;
  height: clamp(12rem, 28vw, 22rem);
  margin: 0 0 clamp(2rem, 4vw, 3rem);
  border-radius: var(--sg-radius-lg, 8px);
  background: var(--sg-marble-surface);
  box-shadow: inset 0 0 0 1px var(--sg-marble-vein);
}

[data-sg-brand-photo="white_marble"][data-sg-commerce-page="shop"] .sg-ai-shop__section--hero,
[data-sg-brand-photo="white_marble"][data-sg-commerce-page="shop"] .sg-ai-shop__section--featured_collection {
  background: var(--sg-marble-surface);
  box-shadow: inset 0 0 0 1px var(--sg-marble-vein);
}

[data-sg-brand-photo="white_marble"][data-sg-commerce-page="product"] .sg-ai-pdp__gallery,
[data-sg-brand-photo="white_marble"][data-sg-commerce-page="product"] .sg-ai-product-experience__gallery {
  background: var(--sg-marble-surface);
}

[data-sg-brand-photo="white_marble"][data-sg-commerce-page="cart"] .sg-ai-cart-experience__confidence,
[data-sg-brand-photo="white_marble"][data-sg-commerce-page="cart"] .sg-ai-cart__milestones {
  background: linear-gradient(180deg, transparent, rgba(248, 246, 242, 0.35));
}

[data-sg-brand-photo="white_marble"][data-sg-commerce-page="checkout"] .sg-ai-checkout-experience__reassurance,
[data-sg-brand-photo="white_marble"][data-sg-commerce-page="checkout"] .sg-ai-checkout__trust {
  background: linear-gradient(180deg, rgba(248, 246, 242, 0.2), transparent);
}

[data-sg-brand-color="dark_charcoal"] {
  color-scheme: dark;
}

[data-sg-brand-color="dark_charcoal"] .sg-ai-commerce__main {
  background: #141416;
}

[data-sg-brand-luxury-level] .sg-ai-shop__chip,
[data-sg-brand-luxury-level] .sg-ai-nav__link {
  letter-spacing: 0.04em;
}

[data-sg-brand-luxury-level] .sg-ai-product-card {
  box-shadow: none;
}