@import url('https://fonts.googleapis.com/css2?family=Cabin+Sketch:wght@400;700&display=swap');
/* ===========================================================
   MakyStream — surcouche thème "Nuit bleue → violet"
   Charge APRÈS styles.css du design system.
   Retinte le canevas neutre vers un bleu sombre qui se dégrade
   vers le violet en descendant de la page.
   =========================================================== */
:root {
  /* canevas neutre re-teinté (noir → gris) */
  --maky-black: #050505;
  --maky-bg:    #0c0c0c;
  --maky-bg-2:  #161616;
  --maky-bg-3:  #1f1f1f;
  --maky-bg-4:  #2a2a2a;

  /* lignes neutres */
  --maky-line:        #262626;
  --maky-line-strong: #383838;

  /* glass nav/overlay re-teinté */
  --surface-overlay: rgba(12, 12, 12, 0.72);
}

/* Dégradé global bleu sombre (haut) → violet (bas), sur toute la hauteur de page */
html {
  background: linear-gradient(180deg,
      #050505 0%,
      #070707 55%,
      #0d0d0d 78%,
      #161616 92%,
      #1e1e1e 100%) no-repeat !important;
  background-attachment: fixed !important;
  min-height: 100%;
}
body {
  background: transparent !important;
}

/* Posters arrondis sur toutes les pages (catalogue, plateformes…) */
[style*="aspect-ratio: 2 / 3"] {
  border-radius: 16px !important;
  overflow: hidden !important;
}

/* Gros titres (h1) + titres de section (h2) — police sketch dessinée à la main */
h1, h2 {
  font-family: 'Cabin Sketch', 'Fraunces', Georgia, serif !important;
}

/* Masquer visuellement les barres de défilement */
.maky-scroll { scrollbar-width: none !important; -ms-overflow-style: none !important; }
.maky-scroll::-webkit-scrollbar { display: none !important; width: 0 !important; height: 0 !important; }
html, body { scrollbar-width: none !important; -ms-overflow-style: none !important; }
html::-webkit-scrollbar, body::-webkit-scrollbar { display: none !important; width: 0 !important; height: 0 !important; }