/* Shared colour treatment for the ivory studio photography. */
:root{
  --bg:#e9e1d4;
  --paper:#f3ecdf;
  --ink:#352a22;
  --muted:#665747;
  --gold:#75552d;
  --line:#c6b69e;
  --wash:#ddd1bf;
  --photo-mat:#e9dfd0;
  --control-line:#8e7658;
  --button-hover:#544032;
  --hero-veil:233,225,212;
  --studio-shadow:#352a221f;
}
:root[data-theme=midnight]{
  --bg:#211b17;
  --paper:#2b241e;
  --ink:#f3e7d5;
  --muted:#cabbab;
  --gold:#dfc293;
  --line:#8a765e;
  --wash:#352b23;
  --photo-mat:#e9dfd0;
  --control-line:#a38c70;
  --button-hover:#e8cfa9;
  --hero-veil:33,27,23;
  --studio-shadow:#00000029;
}
body[data-page=home]{
  --home-dark:var(--bg);
  --home-light:var(--ink);
  --home-gold:var(--gold);
  --home-muted:var(--muted);
}
.private-bar,
body[data-page]>.private-bar,
body[data-page=home]>.private-bar{
  background:var(--wash);color:var(--muted);border-bottom-color:var(--line);
}
body[data-page=home]>.header{
  background:var(--bg);color:var(--ink);border-bottom:1px solid var(--line);
}
body[data-page=home] .private-bar .language-switch button{color:var(--muted)}
body[data-page=home] .private-bar .language-switch button[aria-pressed=true]{color:var(--ink)}
.boutique-entrance{background:var(--bg);color:var(--ink)}
.boutique-entrance::before{
  background:linear-gradient(90deg,rgba(var(--hero-veil),.97),rgba(var(--hero-veil),.55)),url('assets/jacquemus-le-long-bambino-brown-ivory.webp') center/cover;
}
.entrance-photo-frame::after{
  background:linear-gradient(90deg,rgba(var(--hero-veil),.96),rgba(var(--hero-veil),.72) 23%,rgba(var(--hero-veil),0) 47%),linear-gradient(0deg,rgba(var(--hero-veil),.94),rgba(var(--hero-veil),0) 21%);
}
.entrance-copy h1,.entrance-copy h1 em,.entrance-lead,.entrance-feature figcaption{color:var(--ink)}
.entrance-copy .eyebrow,.entrance-feature figcaption>a,.entrance-edition{color:var(--gold)}
html[data-theme] .button.dark,
body[data-page=home] .entrance-action .entrance-shop{
  background:var(--ink);color:var(--paper);border-color:var(--ink);
}
html[data-theme] .button.dark:hover,
body[data-page=home] .entrance-action .entrance-shop:hover{
  background:var(--button-hover);color:var(--paper);border-color:var(--button-hover);
}
html[data-theme] .button.light:hover{background:var(--wash);color:var(--ink)}
/* Neutral mounts keep pale photo edges consistent in every shopping view. */
#collection .product-image,
body[data-page=collection] .runway-photo,
body[data-page=collection] .runway-choice img,
.product-media .detail-photo-button,
.product-media .detail-gallery-track,
.product-media .detail-gallery-photo,
html[data-theme] .detail-photo,
.menu-visual-stack,
.menu-link-photo,
.editorial-spread figure>a{background:var(--photo-mat)}
body[data-page=collection] .runway-intro h1 em,
body[data-page=collection] .runway-attributes>span{color:var(--gold)}
html[data-theme] .order-strip{background:var(--wash);color:var(--ink);border-color:var(--line)}
.order-strip .eyebrow{color:var(--gold)}
html[data-theme] .order-strip p:last-child{color:var(--muted)}
/* Field boundaries remain distinct from the quieter decorative rules. */
.search-field,.select-field,.filter-toggle,
#collection .search-field,#collection .select-field,
.delivery-field input,.delivery-field textarea,
textarea,select#payment-method,
.discount-form input,
.appearance-options button,
.close-button{border-color:var(--control-line)}
input::placeholder,textarea::placeholder{color:var(--muted);opacity:1}
.appearance-swatch-ivory{background:#e9e1d4}
.appearance-swatch-midnight{background:#211b17}
.saved-dock,.music-float,.back-to-top{box-shadow:0 5px 24px var(--studio-shadow)}
/* The silk ribbon keeps its motion and enters the same ivory atmosphere. */
.intro-pending .site-intro{
  background:radial-gradient(ellipse at 70% 45%,#b5915821,transparent 72%),var(--bg);
}
.intro-scene{color:var(--ink)}
.intro-scene::before{background:radial-gradient(ellipse at 73% 47%,#b5915814,transparent 48%)}
.intro-topline,.intro-bottomline{border-color:var(--line)}
.intro-topline>span:last-child,.intro-enter,.intro-kicker,.intro-title em{color:var(--gold)}
.intro-bottomline,.intro-photo-caption{color:var(--muted)}
.intro-editorial-line{background:var(--gold)}
.intro-arch,.intro-arch-inner{border-color:var(--line)}
.intro-feature{border-color:var(--line);background:var(--paper);box-shadow:0 28px 70px var(--studio-shadow)}
@media(max-width:680px){
  .entrance-photo-frame::after{
    background:linear-gradient(135deg,rgba(var(--hero-veil),.97),rgba(var(--hero-veil),.82) 25%,rgba(var(--hero-veil),0) 62%);
  }
  .entrance-feature figcaption,.entrance-action{background:var(--bg)}
}