:root {
  /* TYPE */
  --title-button-family: "Cormorant Upright";
  --title-button-size: 24px;
  --title-button-size-rem: 1.5rem;
  --title-button-weight: 500;
  --title-button-style: normal;
  --title-button-letter-spacing: 0.24px;
  --title-button-letter-spacing-rem: 0.015rem;
  --title-button-line-height: 33.6px;
  --title-button-line-height-rem: 2.1rem;
  --text-button-family: "Montserrat";
  --text-button-size: 14px;
  --text-button-size-rem: 0.875rem;
  --text-button-weight: 400;
  --text-button-style: normal;
  --text-button-line-height: 20px;
  --text-button-line-height-rem: 1.25rem;
  --footer-text-family: "Montserrat";
  --footer-text-size: 14px;
  --footer-text-size-rem: 0.875rem;
  --footer-text-weight: 500;
  --footer-text-style: normal;
  --footer-text-line-height: 21px;
  --footer-text-line-height-rem: 1.3125rem;
  --type-text-family: "Montserrat";
  --type-text-size: 16px;
  --type-text-size-rem: 1rem;
  --type-text-weight: 400;
  --type-text-style: normal;
  --type-text-line-height: 25.6px;
  --type-text-line-height-rem: 1.6rem;

  /* GRADIENTS */
  --linear-pink-gradient-stop-1-color: #9810fa;
  --linear-pink-gradient-stop-1-position: 0%;
  --linear-pink-gradient-stop-2-color: #e60076;
  --linear-pink-gradient-stop-2-position: 100%;
  --gradient-blue-stop-1-color: rgba(26 39 68 / 0.95);
  --gradient-blue-stop-1-position: 0%;
  --gradient-blue-stop-2-color: rgba(90 109 144 / 0.95);
  --gradient-blue-stop-2-position: 100%;
  /* MENU GRADIENT (utilisé pour le fond du menu mobile) */
  --linear-gradient-menu-first-stop-1-color: #d4af37;
  --linear-gradient-menu-first-stop-1-position: 0%;
  --linear-gradient-menu-first-stop-2-color: #ffd700;
  --linear-gradient-menu-first-stop-2-position: 50%;
  --linear-gradient-menu-first-stop-3-color: #c41e3a;
  --linear-gradient-menu-first-stop-3-position: 100%;
  --red-gradient-stop-1-color: #d95f74;
  --red-gradient-stop-1-position: 0%;
  --red-gradient-stop-2-color: #8b1538;
  --red-gradient-stop-2-position: 100%;
}