/* Couleurs personnalisées */
:root {
  --dark-blue: #0a1931;
  --cyan: #00ffff;
}

/* Styles généraux */
body {
  font-family: Arial, Helvetica, sans-serif;
  scroll-behavior: smooth;
}

/* Hero Section */
.hero-section {
  background-color: var(--dark-blue);
  padding: 2rem 0;
}

/* Badges */
.badge-cyan {
  background-color: var(--cyan);
  color: var(--dark-blue);
}

.badge-white {
  background-color: white;
  color: var(--dark-blue);
}

/* Boutons */
.btn-cyan {
  background-color: var(--cyan);
  color: var(--dark-blue);
  border: none;
}

.btn-cyan:hover {
  background-color: #00cccc;
  color: var(--dark-blue);
}

.btn-dark-blue {
  background-color: var(--dark-blue);
  color: white;
  border: none;
}

.btn-dark-blue:hover {
  background-color: #0c2045;
  color: white;
}

/* Section Countdown */
.bg-cyan {
  background-color: var(--cyan);
}

.text-dark-blue {
  color: var(--dark-blue);
}

/* Contact Section */
.contact-section {
  background-color: var(--dark-blue);
}

/* Footer */
.footer-section {
  background-color: var(--dark-blue);
}

/* Icônes sociales */
.social-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.1);
  transition: all 0.3s ease;
}

.social-icon:hover {
  background-color: var(--cyan);
  color: var(--dark-blue);
}

/* Accordéon FAQ */
.accordion-button:not(.collapsed) {
  background-color: rgba(0, 255, 255, 0.1);
  color: var(--dark-blue);
}

.accordion-button:focus {
  box-shadow: 0 0 0 0.25rem rgba(0, 255, 255, 0.25);
}