/* ===== Direction A · "Studio" : noir & blanc chic, le marron joue le rôle du noir ===== */
[data-theme="studio"] {
  --nude: #FFFFFF;
  --nude-dark: #EDE7E3;
  --white: #FFFFFF;
}
[data-theme="studio"] body { background: #fff; color: #1F0C02; }
[data-theme="studio"] .header { background: rgba(255,255,255,.96); border-bottom-color: #EDE7E3; }
[data-theme="studio"] .nav { text-transform: uppercase; font-size: 13px; letter-spacing: .18em; font-weight: 500; }
[data-theme="studio"] .btn, [data-theme="studio"] .cart-btn { border-radius: 0; text-transform: uppercase; letter-spacing: .14em; font-size: 13px; }
[data-theme="studio"] .btn:hover { background: #1F0C02; border-color: #1F0C02; color: #fff; }
[data-theme="studio"] .btn-ghost:hover { background: #4C1E02; color: #fff; }
[data-theme="studio"] .cart-count { background: #fff; color: #4C1E02; }
[data-theme="studio"] .hero { padding-top: 110px; padding-bottom: 100px; border-bottom: 1px solid #EDE7E3; }
[data-theme="studio"] .hero h1 { font-size: clamp(44px, 8vw, 96px); letter-spacing: -.01em; }
[data-theme="studio"] .trust { background: #EDE7E3; }
[data-theme="studio"] .trust div { background: #fff; }
[data-theme="studio"] .cats { gap: 0; padding-top: 0; padding-bottom: 0; border-bottom: 1px solid #EDE7E3; }
[data-theme="studio"] .cat { background: #fff; border-radius: 0; border-right: 1px solid #EDE7E3; padding: 40px 10px; }
[data-theme="studio"] .cat:last-child { border-right: 0; }
[data-theme="studio"] .cat:hover { background: #4C1E02; color: #fff; }
[data-theme="studio"] .shop { padding-top: 80px; }
[data-theme="studio"] .card { background: #fff; border-radius: 0; padding: 0 0 18px; }
[data-theme="studio"] .card-img { border-radius: 0; }
[data-theme="studio"] .card-cat { color: #8C7268; }
[data-theme="studio"] .steps { background: #F7F4F2; }
[data-theme="studio"] .steps li::before { border-radius: 0; }
[data-theme="studio"] .faq details { border-bottom-color: #EDE7E3; }
[data-theme="studio"] .footer { background: #1F0C02; color: #F8ECE8; }
[data-theme="studio"] .footer-logo { content: url(assets/slay-logo-light.png?v=2); }
[data-theme="studio"] .drawer { background: #fff; border-radius: 0; }
[data-theme="studio"] .checkout input { border-radius: 0; background: #fff; }
[data-theme="studio"] .qty button { border-radius: 0; }

/* ===== Direction B · "Signature" : marron profond assumé, crème et touches rose ===== */
[data-theme="signature"] .topbar { background: #2E1101; }
[data-theme="signature"] .header { background: #4C1E02; border-bottom-color: #5E2A0C; }
[data-theme="signature"] .logo img { content: url(assets/slay-logo-light.png?v=2); }
[data-theme="signature"] .nav a { color: #F8ECE8; }
[data-theme="signature"] .cart-btn { background: #F8ECE8; color: #4C1E02; }
[data-theme="signature"] .hero { background: #4C1E02; color: #F8ECE8; padding-bottom: 110px; }
[data-theme="signature"] .hero .btn { background: #F8ECE8; color: #4C1E02; border-color: #F8ECE8; }
[data-theme="signature"] .hero .btn-ghost { background: transparent; color: #F8ECE8; border-color: #F8ECE8; }
[data-theme="signature"] .hero .btn:hover { background: #DBA2A7; border-color: #DBA2A7; color: #4C1E02; }
[data-theme="signature"] .btn, [data-theme="signature"] .cart-btn { border-radius: 4px; text-transform: uppercase; letter-spacing: .12em; font-size: 13px; }
[data-theme="signature"] body { background: #FBF7F5; }
[data-theme="signature"] .trust div { background: #FBF7F5; }
[data-theme="signature"] .cat { background: #fff; border-radius: 4px; border: 1px solid #E8CFC6; }
[data-theme="signature"] .card { border-radius: 4px; }
[data-theme="signature"] .card-img { border-radius: 2px; }
[data-theme="signature"] .footer { background: #4C1E02; color: #F8ECE8; }
[data-theme="signature"] .footer-logo { content: url(assets/slay-logo-light.png?v=2); }