/* 
 * Custom Typography - Green Solar Sun
 * Ce fichier améliore uniquement la typographie sans modifier la structure
 * Pour revenir en arrière : supprimez simplement le lien vers ce fichier dans les pages HTML
 */

/* Amélioration de la hiérarchie typographique */
:root {
    --font-primary: 'Inter', 'Be Vietnam Pro', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    --font-secondary: 'Poppins', 'Mulish', sans-serif;
    --font-heading: 'Outfit', 'Be Vietnam Pro', sans-serif;
}

/* Import des polices modernes Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Poppins:wght@400;500;600;700;800;900&family=Outfit:wght@400;500;600;700;800;900&display=swap');

/* Amélioration du body et textes de base */
body {
    font-family: var(--font-primary);
    line-height: 1.7;
    letter-spacing: -0.01em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Titres principaux - Meilleure hiérarchie */
.text-1, h1 {
    font-family: var(--font-heading);
    font-weight: 800;
    line-height: 1.2;
    letter-spacing: -0.02em;
}

.text-2, h2 {
    font-family: var(--font-heading);
    font-weight: 700;
    line-height: 1.3;
    letter-spacing: -0.015em;
}

.text-3, h3 {
    font-family: var(--font-heading);
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: -0.01em;
}

.text-4, h4 {
    font-family: var(--font-heading);
    font-weight: 600;
    line-height: 1.4;
}

.text-5, h5 {
    font-family: var(--font-heading);
    font-weight: 600;
    line-height: 1.45;
}

.text-6, h6 {
    font-family: var(--font-heading);
    font-weight: 600;
    line-height: 1.5;
}

/* Paragraphes et textes - Meilleure lisibilité */
.text-para-1, p {
    font-family: var(--font-primary);
    line-height: 1.75;
    letter-spacing: -0.005em;
}

.text-para-2 {
    font-family: var(--font-primary);
    line-height: 1.7;
    letter-spacing: -0.005em;
}

.text-para-3 {
    font-family: var(--font-primary);
    line-height: 1.7;
    letter-spacing: 0;
}

.text-para-4 {
    font-family: var(--font-primary);
    line-height: 1.65;
    letter-spacing: 0.01em;
}

/* Section titles - Amélioration */
.section-title h2,
.section-title-center h2 {
    letter-spacing: -0.02em;
    line-height: 1.25;
}

.section-title h6,
.section-title-center h6 {
    letter-spacing: 0.05em;
    font-weight: 600;
}

/* Liens - Meilleure lisibilité */
a {
    letter-spacing: -0.01em;
    transition: all 0.3s ease;
}

/* Boutons - Typographie améliorée */
.link-anime,
.btn-anime,
button {
    font-family: var(--font-primary);
    font-weight: 600;
    letter-spacing: 0.02em;
}

/* Cards et contenus - Espacement amélioré */
.service-card h6,
.blog-card-content h6,
.work-process-card h6 {
    line-height: 1.4;
    letter-spacing: -0.01em;
}

.service-card p,
.blog-card-content p,
.work-process-card p {
    line-height: 1.7;
}

/* Footer - Typographie améliorée */
.footer__widget-title {
    font-weight: 700;
    letter-spacing: 0.03em;
}

.footer__widget-content {
    line-height: 1.8;
}

/* Menu navigation - Amélioration */
.main-menu a {
    font-weight: 500;
    letter-spacing: 0.01em;
}

/* Responsive - Ajustements pour mobile */
@media (max-width: 768px) {
    body {
        line-height: 1.6;
    }
    
    .text-2, h2 {
        line-height: 1.25;
    }
    
    .text-para-3 {
        line-height: 1.65;
    }
}

/* Amélioration du contraste pour l'accessibilité */
.text-para-3,
.text-para-4 {
    color: rgba(28, 36, 54, 0.9);
}

.text-black2 {
    color: rgba(69, 76, 95, 0.95);
}