/* ═══════════════════════════════════════════════════════════════
   Feuille de style globale — Musicalement Vôtre
   Les feuilles de style des composants sont chargées via des
   balises <link> dans index.html pour la compatibilité file://
   ═══════════════════════════════════════════════════════════════ */

/* ─── Réinitialisation ─── */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

/* ─── Corps de page ─── */
body {
  font-family: -apple-system, "Segoe UI", "Helvetica Neue", system-ui, sans-serif;
  background: var(--bg0);
  color: var(--tx);
  height: 100vh;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  user-select: none;
  -webkit-font-smoothing: antialiased;
}

/* ─── Barre de défilement personnalisée ─── */
::-webkit-scrollbar { width: 5px; }
::-webkit-scrollbar-track { background: var(--bg1); }
::-webkit-scrollbar-thumb { background: var(--bg4); border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background: var(--acc); }