/* Retheme 2026-09-16 (issue: /studio/ white + cool grey-silver + dark navy).
   Scoped to body[data-theme="studio"]; base sheets keep their original values. */

body[data-theme="studio"]{
  --paper:#ffffff;
  --ink:#101a2b;
  --line:rgba(16,26,43,.18);
  --studio-navy:#101a2b;
  --studio-navy-deep:#0b1422;
  --studio-silver:#e4e7ea;
  --studio-silver-soft:#f2f4f6;
  --studio-steel:#6d7683;
  background:var(--paper);
  color:var(--ink);
}

body[data-theme="studio"] .studio-announcement{background:#f2f4f6;color:#101a2b}

/* Hero: bright white-silver wash instead of the dark plum overlay. */
body[data-theme="studio"] .studio-hero{background:#e9edf0;color:#101a2b}
body[data-theme="studio"] .studio-hero>img{object-position:center 35%}
body[data-theme="studio"] .studio-gradient{background:linear-gradient(0deg,rgba(16,26,43,.18),transparent 52%)}
body[data-theme="studio"] .studio-hero-copy{color:#fff;text-shadow:0 1px 12px rgba(11,20,34,.45)}
body[data-theme="studio"] .studio-hero-copy h1{color:#fff;text-shadow:0 1px 12px rgba(11,20,34,.45)}
body[data-theme="studio"] .studio-hero-copy h1 em{color:#fff;text-shadow:0 1px 12px rgba(11,20,34,.45)}
body[data-theme="studio"] .studio-nav{color:#101a2b;border-color:rgba(16,26,43,.22)}
body[data-theme="studio"] .studio-nav .icon-btn,
body[data-theme="studio"] .studio-nav .menu-btn,
body[data-theme="studio"] .studio-nav .nav-links a{color:#101a2b}

body[data-theme="studio"] .studio-button,
body[data-theme="studio"] .studio-play{background:#101a2b;border-color:#101a2b;color:#fff}
body[data-theme="studio"] .studio-play{background:transparent;color:#101a2b;border-color:#101a2b}
body[data-theme="studio"] .studio-play:hover,
body[data-theme="studio"] .studio-play:focus-visible{background:#101a2b;color:#fff}
body[data-theme="studio"] .studio-button.dark{background:transparent;border-color:#101a2b;color:#101a2b}
body[data-theme="studio"] .studio-button:hover,
body[data-theme="studio"] .studio-button:focus-visible,
body[data-theme="studio"] .studio-button.dark:hover,
body[data-theme="studio"] .studio-button.dark:focus-visible{background:#101a2b;color:#fff}

/* Ticker: cool silver band. */
body[data-theme="studio"] .studio-ticker{background:#e4e7ea;color:#101a2b}

/* Drop cards: keep photo gradient, navy caption wash instead of plum/pink. */
body[data-theme="studio"] .drop-card{color:#fff}
body[data-theme="studio"] .drop-card:after{background:linear-gradient(transparent,rgba(11,20,34,.72))}
body[data-theme="studio"] .drop-lash{color:#fff}
body[data-theme="studio"] .drop-lash:after{background:linear-gradient(transparent,rgba(11,20,34,.72))}
body[data-theme="studio"] .drop-lash button{color:#fff;border-color:#fff}

/* Shop band + product cards on white/silver. */
body[data-theme="studio"] .studio-shop{background:#ffffff}
body[data-theme="studio"] .product-card{background:#ffffff}
body[data-theme="studio"] .product-card:nth-child(2) .product-image{background:#e4e7ea}
body[data-theme="studio"] .product-card:nth-child(3) .product-image{background:#f2f4f6}
body[data-theme="studio"] .product-card:nth-child(4) .product-image{background:#e9edf0}
body[data-theme="studio"] .product-image{aspect-ratio:4/5;background:#eef2f2}
body[data-theme="studio"] .add{background:#101a2b;color:#fff;padding:11px 14px}
body[data-theme="studio"] .add:hover{background:#1e3a8a}

/* Brow split: white + silver, navy CTA. */
body[data-theme="studio"] .studio-brow{background:#e9edf0;min-height:840px}
body[data-theme="studio"] .studio-brow-copy{color:#101a2b}
body[data-theme="studio"] .studio-brow .studio-button.dark{background:#101a2b;border-color:#101a2b;color:#fff}
body[data-theme="studio"] .studio-brow .studio-button.dark:hover{background:#1e3a8a}

/* Footer: dark navy. */
body[data-theme="studio"] .studio-footer{background:#101a2b;color:#c9d2e0}
body[data-theme="studio"] .studio-footer h2,
body[data-theme="studio"] .studio-footer h3{color:#ffffff}
body[data-theme="studio"] .studio-footer p,
body[data-theme="studio"] .studio-footer a{color:#c9d2e0}

/* Prefooter film: navy frame treatment. */
body[data-theme="studio"] .studio-film{background:#101a2b;color:#c9d2e0}
body[data-theme="studio"] .studio-film .film-frame{border-color:#0b1422;background:#0b1422;box-shadow:18px 18px 0 #0b1422}
body[data-theme="studio"] .studio-film h2{color:#ffffff}
body[data-theme="studio"] .studio-film .film-link{color:#ffffff}

@media(max-width:850px){
  body[data-theme="studio"] .studio-gradient{background:linear-gradient(0deg,rgba(16,26,43,.28),transparent 68%)}
  body[data-theme="studio"] .studio-hero-copy{color:#fff;text-shadow:0 1px 12px rgba(11,20,34,.5)}
}