:root {
  --header-bg: #2B2D42;   /* fond entête bleu */
  --header-text: #F5FCFF; /* texte blanc */

  --footer-bg: #110F0F;   /* fond bas de page noir profond */
  --footer-text: #F5FCFF; /* texte bas de page */
}

/* Corps du site */
body {
  background-color: #ffffff; /* fond blanc partout */
  color: #2B2D42;
  font-family: "Segoe UI", Arial, sans-serif;
  line-height: 1.6;
}

/* Entête */
header {
  background-color: var(--header-bg);
  color: var(--header-text);
  text-align: center;
  padding: 5px 0;
}

header h1,
header p {
  color: var(--header-text);
}

/* Sections */
section {
  padding: 60px 0;
}

/* Boutons personnalisés */
.btn-primary {
  background-color: var(--header-bg);
  border-color: var(--header-bg);
  color: #ffffff;
  transition: all 0.3s ease; /* animation fluide */
}

.btn-primary:hover {
  background-color: #c71c30; /* rouge plus foncé */
  border-color: #c71c30;
  transform: scale(1.05);    /* léger zoom */
}

/* Cartes de services */
.service-card {
  background-color: #ffffff;
  border: 1px solid #2B2D42;
  padding: 20px;
  transition: all 0.3s ease;
}

.service-card:hover {
  box-shadow: 0 8px 20px rgba(0,0,0,0.15); /* ombre portée */
  transform: translateY(-5px);             /* effet de soulèvement */
}

/* Logos de certifications */
.cert-logo {
  transition: transform 0.3s ease;
}

.cert-logo:hover {
  transform: scale(1.1); /* zoom léger au survol */
}

/* Liens */
a {
  color: var(--header-bg);
  text-decoration: none;
  transition: color 0.3s ease;
}

a:hover {
  color: #c71c30; /* rouge plus foncé */
  text-decoration: underline;
}

/* Pied de page */
footer {
  background-color: var(--footer-bg);
  color: var(--footer-text);
  text-align: center;
  padding: 20px 0;
}

footer p {
  margin: 0;
  color: var(--footer-text);
}
/* 
.row.text-center > .service-card {
  margin-left: 2px;
  margin-right: 2px;
} */