/* Harmonisation de la page Édition 01 avec l'accueil.
   Chargée uniquement par edition-01.html : n'affecte pas les autres pages. */
:root {
  --ivoire: #F8F1EA; --beige-sable: #F1E4DA; --rose-poudre: #EBD3C8; --terracotta: #C9786C;
  --brun-cacao: #2B1E22; --terracotta-profond: #A9534A; --terracotta-sombre: #7A1F2B;
  --texte-doux: #5C4A4C; --rose-clair: #EBD3C8;
  --voile-entete: rgba(248, 241, 234, .94);
  --titres: "Cormorant Garamond", Georgia, serif;
  --courant: "Jost", "Segoe UI", sans-serif;
}
body[data-page="index"] { font-size: 1.0625rem; }
body[data-page="index"] h1, body[data-page="index"] h2 { font-weight: 500; }
body[data-page="index"] .section__entete h2, body[data-page="index"] .billets__complet h3 { color: #7A1F2B; }
body[data-page="index"] .logo { color: #7A1F2B; min-width: 0; }
body[data-page="index"] .logo__nom { font-weight: 600; letter-spacing: .06em; text-transform: uppercase; font-size: 1.35rem; }
body[data-page="index"] .logo__signature { letter-spacing: .14em; text-transform: uppercase; font-size: .62rem; }
body[data-page="index"] .bouton { font-family: var(--courant); font-weight: 500; font-size: .8rem; letter-spacing: .16em; text-transform: uppercase; padding: .85rem 1.7rem; transition: background-color .25s, color .25s, transform .25s; }
body[data-page="index"] .bouton--compact { padding: .6rem 1.1rem; font-size: .72rem; letter-spacing: .12em; }
body[data-page="index"] .bouton--principal { color: #F8F1EA; }
body[data-page="index"] .bouton--principal:hover { transform: translateY(-2px); color: #F8F1EA; }
body[data-page="index"] .billet--vedette .bouton--principal,
body[data-page="index"] .billet--vedette .bouton--principal:hover {
  color: var(--brun-cacao);
  font-weight: 600;
}
body[data-page="index"] .bouton--secondaire { border-color: #7A1F2B; color: #7A1F2B; }
body[data-page="index"] .bouton--secondaire:hover { background: #7A1F2B; color: #F8F1EA; }
body[data-page="index"] .checkout-modal input { font-family: var(--courant); }
@media (max-width: 30rem) {
  body[data-page="index"] .logo__nom { font-size: 1.1rem; letter-spacing: .04em; }
  body[data-page="index"] .logo__image { width: 2.4rem; }
  body[data-page="index"] .bouton { letter-spacing: .1em; padding: .8rem 1.3rem; }
}
@media (prefers-reduced-motion: reduce) { body[data-page="index"] .bouton:hover { transform: none; } }