:root { --brand: #0f172a; --accent: #7c3aed;
--color1: #074AA8; --color2: #E7F0FF; --color3:#F6F8FB; }
  
body { font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial; }
    /* small decorative flourish for hero image */
.hero-overlay { background: linear-gradient(180deg, rgba(15,23,42,0.55), rgba(15,23,42,0.75)); }
.residence-overlay { background: linear-gradient(180deg, rgba(15,23,42,0.55), rgba(15,23,42,0.75)); }

.bold {
  font-weight: bold;
}

#book {
            background-color: var(--color2);
          }
      main, body {
        background-color: var(--color3);
      }
      h2 {
      } 
      h3 {
        color: black;
      }
      .lien {
        color: var(--color1);
      }
      .lien:hover {
        text-decoration: underline;
      }


    .btn {
      color: var(--color3);
      background-color: var(--color1);
      transition: background-color 0.3s ease-in-out;
    }
    .btn:hover {
      background-color: var(--color1);
    }
        h1 {
      color: var(--color3);
    }
    p {
      font-family: 'Inter';
    }


@media (max-width: 768px) {
  .no-mobile {
    display: none;
  }
  .subtitle {
    display: none;
  }
}
      header {
        color: var(--color3);
        background-color: var(--color1);
      }
      footer {
        color: var(--color3);
        background-color: var(--color1);
      }
      #footer-title {
        color: var(--color2);
      }

   .mobile-menu-btn {
            font-size: 2rem;
          }

  .loop {
          stroke: var(--color3);
        }

        .card {
        color: black;
        background-color: var(--color3);
      }
      .contact-card {
        background-color: var(--color2);
      }





        .list {
  list-style-type: circle; /* disc | circle | square | none */
  padding-left: 1.5rem; /* Ajoute un peu d’espace */
  color: #333;
}

.list li {
  font-size: 16px;
}
.section p {
  margin-bottom: 0.75em;
}
.section {
  background-color: var(--color2);
}