/* Street Shakers — Couleurs de la charte (identité v3 « Brut »), réglages de base, typographie, sections */
:root{
  --noir:#131312;
  --bleu:#0A64D8;
  --rouge:#D01E18;
  --jaune:#F6BC07;
  --ecru:#EEEAE3;
  --ecru-dim:#E4DED3;
  --ink:var(--noir);
  --bg:var(--ecru);
  --bg-panel:var(--ecru-dim);
  --line: rgba(19,19,18,0.12);
  --maxw:1220px;
  color-scheme:light; /* le site garde toujours les couleurs de la charte, même si l'appareil est en mode sombre */
  box-sizing:border-box;
  padding-top:env(safe-area-inset-top,0px);
  padding-bottom:env(safe-area-inset-bottom,0px);
}
html{ scroll-behavior:smooth; scroll-padding-top:82px; }
*{ margin:0; padding:0; box-sizing:border-box; }
body{
  background:var(--bg); color:var(--ink);
  font-family:'Outfit', system-ui, sans-serif;
  font-size:16.5px; font-weight:400; line-height:1.65; overflow-x:hidden;
}
img{ max-width:100%; display:block; }
a{ color:inherit; }
.wrap{ max-width:var(--maxw); margin:0 auto; padding:0 24px; }
h1,h2,h3{
  font-family:'Outfit', system-ui, sans-serif;
  font-weight:700; letter-spacing:0.01em; line-height:1; text-transform:uppercase;
}
h1,h2,.foot-word{
  font-family:'Permanent Marker', 'Outfit', sans-serif; font-weight:400; /* police des titres de l'ancienne version */
  letter-spacing:0.01em; line-height:1.18; text-transform:uppercase;
}
.title-wipe{ clip-path: inset(-30px); }
.hero .title-wipe{ animation: wipe 1s cubic-bezier(.22,.9,.3,1) .2s both; }
@keyframes wipe{ from{ clip-path: inset(0 100% 0 0); } to{ clip-path: inset(-30px); } }
.shake-word{ display:inline-block; --r:0deg; transform-origin:50% 60%; }
.shake-word.vibing{ animation:vibex .12s linear infinite; }
@keyframes vibex{ 0%,100%{ transform:translateX(0); } 25%{ transform:translateX(calc(-1 * var(--ampx, 3px))); } 75%{ transform:translateX(var(--ampx, 3px)); } }
@media (prefers-reduced-motion: reduce){
  *{ animation-duration:0.01ms !important; animation-iteration-count:1 !important; transition-duration:0.01ms !important; scroll-behavior:auto !important; }
}


/* ---------- SECTION GENERIC ---------- */
section{ padding:56px 0; }
.kicker{ font-family:'Outfit',sans-serif; font-weight:700; text-transform:uppercase; letter-spacing:0.18em; color:var(--rouge); font-size:0.74rem; margin-bottom:8px; }
h2.section-title{ font-size:clamp(1.7rem, 3.6vw, 2.6rem); }
.section-head{ margin-bottom:28px; max-width:64ch; }
.section-head p{ margin-top:12px; font-size:0.98rem; color:var(--ink); opacity:0.78; }
.section-head.center{ margin-left:auto; margin-right:auto; text-align:center; }

/* ---------- VERSION EN LIGNE ----------
   Les sections Répertoire, Avis et Galerie (et les liens qui y mènent), les fiches des musiciens et les réseaux sociaux du pied de page restent dans index.html pour plus tard,
   mais sont masquées tant que <html> porte la classe « version-en-ligne ».
   Pour les réafficher : retirer class="version-en-ligne" de la balise <html> dans index.html. */
.version-en-ligne [data-futur]{ display:none !important; }