/**************************
GENERAL STUFF
***************************/
:root {
  --gold-1: #f5d27a; /* clair pour la lueur */
  --gold-2: #e7b64b; /* moyen */
  --gold-3: #bb8a23; /* foncé pour l’accent */
  --card-bg: rgba(255, 255, 255, 0.05); /* fond carte sur thème sombre */
  --card-border: rgba(255, 255, 255, 0.12);
  --text-main: #f3f2ea; /* texte clair */
  --pulse-red-1: #ff7a7a; /* clair */
  --pulse-red-2: #ff4d4d; /* médium */
  --pulse-red-3: #a02020; /* foncé */
}

*,
*::after,
*::before {
  box-sizing: border-box;
  padding: 0;
  margin: 0;
}

body {
  font-family: "Acme", sans-serif;
  font-weight: 400;
  line-height: 1;
  color: darkgoldenrod;
  background-color: black;
  font-size: 62.5%;
}

.top-container {
  position: relative;
  top: 110px;
}

.home {
  max-width: 1400px;
  margin: 0 auto;
}

h1,
h2,
h3 {
  text-align: center;
  margin-top: 1.2rem;
  margin-bottom: 2.4rem;
}

h1 {
  font-size: 3.2rem;
  /*font-weight: 600; */
}

h2 {
  font-size: 2.4rem;
  /*font-weight: 500; */
}

h3 {
  /* font-weight: 400; */
  font-size: 1.8rem;
}

p {
  line-height: 1.4;
  font-size: 1.4rem;
}

.center {
  text-align: center;
}

.left {
  text-align: left;
}

a:link,
a:visited {
  display: inline-block;
  color: darkgoldenrod;
  text-decoration: none;
}

a:hover,
a:active {
  color: palegoldenrod;
  transition: color 0.3s;
}

.btn,
.btn:link,
.btn:visited {
  display: inline-block;

  font-size: 1rem;
  padding: 0.8rem 1.6rem;
  margin: 1.6rem;
  width: 200px;
  border-radius: 9px;
  text-decoration: none;
  text-align: center;
  background-color: darkgoldenrod;
  color: black;

  cursor: pointer;
}

.btn:hover,
.btn:active {
  background-color: palegoldenrod;
  color: black;
  transition: background-color 0.3s;
}

/* H1 page Info-BDSM — effet subtil */
.home h1 {
  letter-spacing: 0.6px;
  text-shadow: 0 0 22px rgba(218, 165, 32, 0.16);
}