/* Fichier de typographie pour DavidInfo */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&family=Open+Sans:wght@400;500;600;700&display=swap');

/* Règles de base pour la typographie */
body {
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    line-height: 1.6;
}

/* Titres */
h1, h2, h3, h4, h5, h6 {
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 1rem;
}

h1 {
    font-size: 2.5rem;
}

h2 {
    font-size: 2rem;
}

h3 {
    font-size: 1.75rem;
}

h4 {
    font-size: 1.5rem;
}

h5 {
    font-size: 1.25rem;
}

h6 {
    font-size: 1rem;
}

/* Éléments d'interface */
.btn, 
.nav-link, 
.mobile-menu a,
.feature-title,
.service-card h3,
.cta-section h2,
.connection-type-label,
.custom-select,
.footer-content h3 {
    font-family: 'Montserrat', sans-serif;
}

/* Boutons et navigation */
.btn {
    font-weight: 600;
    letter-spacing: 0.5px;
}

.nav-link {
    font-weight: 500;
    letter-spacing: 0.3px;
}

/* Éléments de mise en avant */
.hero h1 {
    font-weight: 700;
    letter-spacing: 0.5px;
}

.hero p {
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-size: 1.1rem;
}

/* Responsive */
@media (max-width: 768px) {
    h1 {
        font-size: 2rem;
    }
    
    h2 {
        font-size: 1.75rem;
    }
    
    h3 {
        font-size: 1.5rem;
    }
}