/* ===================== RESET ===================== */
* {
  margin: 0;
  padding: 0;
}

/* fond principal */
body {
  min-height: 100vh;
  background: linear-gradient(145deg, #1b1008 0%, #2e1a0e 40%, #4a2a12 80%);
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  overflow-x: hidden;
  font-family: "Poppins", sans-serif;
  color: #fff;
}

/* logo en transparence */
body::before {
  content: "";
  position: fixed;
  inset: 0;
  background: url("../img/logo_archipelle.png") top center / cover no-repeat;
  opacity: 0.1;
  filter: blur(0.5px);
  pointer-events: none;
}

/* Contenu au dessus du fond */
main,
header,
footer,
section,
div {
  position: relative;
}

/* Mobile */
@media (max-width: 768px) {
  body::before {
    background-position: top center;
    background-position-x: 48%;
    background-size: 400% auto;
    opacity: 0.1;
    filter: blur(0.8px);
  }

  .glass {
    padding: 1.2rem;
  }
}

/* Desktop */
@media (min-width: 1600px) {
  body::before {
    background-size: cover;
    opacity: 0.04;
  }
}