/* ============================================
   PROSPECTIS — Thème clair (index.html only)
   Chargé APRÈS style.css pour override
   NE PAS charger dans simulateur.html
   ============================================ */

/* ----- VARIABLES LIGHT ----- */
:root {
  /* Fonds */
  --navy:   #0D1B2A;   /* devient couleur de texte */
  --navy2:  #F6F8FA;   /* fond footer */
  --navy3:  #E8EDF2;   /* accents légers */
  --card:   #FFFFFF;
  --border: rgba(0, 0, 0, 0.07);

  /* Texte */
  --white:  #0D1B2A;   /* inversé : texte sombre sur fond clair */
  --muted:  #6B7A8D;

  /* Fonds de page */
  --bg:     #FFFFFF;
  --bg2:    #F6F8FA;

  /* Ombres */
  --shadow-card:  0 2px 16px rgba(0, 0, 0, 0.06);
  --shadow-teal:  0 8px 24px rgba(0, 201, 167, 0.25);
  --shadow-coral: 0 8px 24px rgba(255, 107, 53, 0.25);
}

/* ----- BODY ----- */
body {
  background: var(--bg);
  color: var(--navy);
}

/* Ambiance lumineuse douce, pas de grille */
body::before {
  background:
    radial-gradient(ellipse 80% 50% at 20% 0%,   rgba(0, 201, 167, 0.06) 0%, transparent 60%),
    radial-gradient(ellipse 60% 40% at 80% 100%,  rgba(255, 107, 53, 0.04) 0%, transparent 50%),
    radial-gradient(ellipse 100% 100% at 50% 50%, rgba(0, 180, 216, 0.03) 0%, transparent 70%);
}

body::after {
  display: none; /* supprime la grille de points */
}

/* ----- NAVBAR ----- */
.navbar {
  background: rgba(255, 255, 255, 0.9);
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
  backdrop-filter: blur(16px);
}

.navbar.scrolled {
  background: rgba(255, 255, 255, 0.97);
  border-color: rgba(0, 0, 0, 0.08);
  box-shadow: 0 2px 20px rgba(0, 0, 0, 0.06);
}

.nav-links a {
  color: var(--muted);
}

.nav-links a:hover {
  color: var(--navy);
}

/* Logo */
.logo-dot {
  display: none;
}

.logo-img {
  width: 28px;
  height: 28px;
  object-fit: contain;
}

.logo-text {
  color: var(--navy);
}

.logo-text span {
  color: var(--teal);
}

/* ----- BOUTONS ----- */
.btn-primary {
  background: var(--teal);
  color: #FFFFFF;
}

.btn-outline {
  border-color: rgba(13, 27, 42, 0.2);
  color: var(--navy);
}

.btn-outline:hover {
  border-color: var(--navy);
  color: var(--navy);
}

/* ----- CARDS ----- */
.card {
  background: #FFFFFF;
  border-color: rgba(0, 0, 0, 0.06);
  box-shadow: var(--shadow-card);
}

.card:hover {
  border-color: rgba(0, 201, 167, 0.3);
  box-shadow: 0 8px 32px rgba(0, 201, 167, 0.10);
}

/* ----- SECTION HEADER ----- */
.section-header h2 {
  color: var(--navy);
}

.section-header p {
  color: var(--muted);
}

/* ----- TITRES & TEXTES ----- */
h1, h2, h3, h4 {
  color: var(--navy);
}

p {
  color: var(--navy);
}

/* ----- DIVIDER ----- */
.divider {
  border-color: rgba(0, 0, 0, 0.07);
}

/* ----- FOOTER ----- */
.footer {
  background: var(--bg2);
  border-top: 1px solid rgba(0, 0, 0, 0.07);
}

.footer-brand p,
.footer-col h4,
.footer-col ul a {
  color: var(--muted);
}

.footer-col ul a:hover {
  color: var(--navy);
}

.footer-bottom {
  color: var(--muted);
  border-color: rgba(0, 0, 0, 0.07);
}

/* ----- MOBILE MENU (identique à simulateur.html) ----- */
@media (max-width: 860px) {
  /* Supprimer backdrop-filter de la navbar en mobile
     pour que .nav-links (position:fixed) soit relatif au viewport
     et non à la navbar (backdrop-filter crée un containing block) */
  .navbar,
  .navbar.scrolled {
    backdrop-filter: none;
  }

  /* Logo centré, burger à droite */
  .navbar .container {
    position: relative;
    justify-content: center;
  }

  .nav-burger {
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-50%);
  }

  /* Barres du burger : sombres sur la navbar claire */
  .nav-burger span {
    background: #0D1B2A;
  }

  /* Quand ouvert (croix) : barres blanches sur fond sombre */
  .nav-burger.open span {
    background: #FFFFFF;
  }

  /* Overlay menu : fond sombre, texte blanc */
  .nav-links {
    background: rgba(13, 27, 42, 0.97) !important;
    backdrop-filter: blur(16px);
  }

  .nav-links a {
    color: #FFFFFF !important;
  }

  .nav-links .nav-cta {
    color: #FFFFFF !important;
    border-color: rgba(255, 255, 255, 0.2);
  }

  .nav-links .nav-cta:hover {
    border-color: #00C9A7;
  }
}