body { font-family: 'Roboto', sans-serif; background-color: #defcf6; }
        h1, h2, h3 { font-family: 'Playfair Display', serif; }
        .hero-bg { background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('../images/hero.jpg'); background-size: cover; background-position: center; }
        .modal { display: none; }
        .modal.active { display: flex; }
        .form-confirmation { display: none; }
        .form-confirmation.active { display: block; }
        .btn-primary { background-color: #00a28a; color: white; }
        .btn-primary:hover { background-color: #01735a; }
        .text-primary { color: #00a28a; }
        .border-primary { border-color: #00a28a; }