:root {
  --primary-color: #FF0000;
  --secondary-color: rgba(255, 0, 0, 0.7);
  --tertiary-color: rgba(255, 0, 0, 0.4);
  --light-grey: #f0f0f0;
  --font-color: #202020;
  --font-white: #ffffff;
  --font-black: #000000;
  --font-red: #FF0000;
  --blue: #0095FF;
  --yellow: #FFD400;
  --orange: #FF9D00;
  --purple: #B700FF;
  --green: #26d104;
  --body-font: "Open Sans", sans-serif;
  --title-font: "Open Sans", sans-serif;
  --header-background: #000000;
  --header-g-background: linear-gradient(180deg,rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);
  --header-gs-background: linear-gradient(180deg,rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1) 100%);
  --header-gs-background-diagonal: linear-gradient(135deg, #080808 0%, #292929 100%);
  --red-gradient: linear-gradient(135deg, #ff1a1a 0%, #9b0000 100%);
  --footer-menu-background: #212121;
  --footer-info-background: #000000; }

.h1 {
  color: var(--font-red);
  font-size: 3rem;
  font-weight: bold; }

.h2 {
  color: var(--font-red);
  font-size: 2rem;
  font-weight: bold; }

.h3 {
  color: var(--font-red);
  font-size: 1.5rem;
  font-weight: bold; }

.t-lbn {
  font-size: 1.2rem; }

ul {
  list-style: none;
  padding-left: 0;
  font-size: 1.2rem; }

ul li {
  position: relative;
  padding-left: 1.6rem; }

ul li::before {
  content: "✓";
  position: absolute;
  left: 0;
  top: 0;
  color: #dc3545;
  /* rouge Bootstrap danger */
  font-weight: 700; }

.btn-cta {
  background: var(--red-gradient);
  padding: 1.4rem;
  color: var(--font-white);
  font-size: 1.5rem; }

/* ANIMATION CARTE 3D */
.card-3d {
  position: relative;
  perspective: 900px;
  /* profondeur de la 3D : plus petit = effet plus marqué */
  display: inline-block;
  border-radius: 16px;
  /* adapte au radius de tes cartes */ }

.img-card-presentation {
  display: block;
  width: 100%;
  border-radius: inherit;
  transform-style: preserve-3d;
  transition: transform 0.15s ease-out, box-shadow 0.2s ease-out;
  will-change: transform; }

/* État "repos" propre quand la souris quitte */
.card-3d:hover .img-card-presentation {
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.35); }

/* Reflet lumineux qui suit le curseur */
.card-3d-glare {
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
  /* indispensable : ne bloque pas la souris */
  opacity: 0;
  transition: opacity 0.2s ease-out;
  background: radial-gradient(circle at var(--glare-x, 50%) var(--glare-y, 50%), rgba(255, 255, 255, 0.45), rgba(255, 255, 255, 0) 60%);
  mix-blend-mode: overlay; }

.card-3d:hover .card-3d-glare {
  opacity: 1; }