/* --- css/typography.css --- */

/* Style du premier titre */
.title-hero {
    font-family: var(--font-family-heading);
    font-size: var(--font-size-h1); /* Using the variable for consistency */
    font-style: normal;
    font-weight: 400;
    line-height: 50px;
    background: linear-gradient(180deg, var(--color-green-light) 0%, var(--color-primary-color) 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-top: 0;
    margin-bottom: var(--spacing-sm);
}

.hero-description {
    font-family: var(--font-family-body);
    font-size: var(--font-size-base); /* Using the variable for consistency */
    font-style: normal;
    font-weight: 400;
    line-height: 55px;
    background: var(--color-text-color);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: black;
    margin-top: 0;
    margin-bottom: var(--spacing-sm);
}

/* Style du second titre */
.title-section-white {
    color: var(--color-white);
    font-family: var(--font-family-heading);
    font-size: var(--font-size-h1);
    font-style: normal;
    font-weight: 500;
    line-height: 55px;
    margin-top: 0;
    margin-bottom: var(--spacing-sm);
}

.second-section-description {
    font-family: var(--font-family-body);
    font-size: 18px; /* Taille plus petite, ajustez si besoin */
    font-style: normal;
    font-weight: 400; /* Plus léger */
    line-height: 1.5; /* Espacement de ligne */
    color: var(--color-white); /* Texte blanc */
    opacity: 0.8; /* Légèrement transparent pour un look plus doux */
    margin-top: var(--spacing-sm); /* Espacement au-dessus */
    margin-bottom: 0;
}


/* Style du troisieme titre dégradé alpha */
.title-section-gradient-alpha {
    font-family: var(--font-family-heading);
    font-size: 36px;
    font-style: normal;
    font-weight: 600;
    line-height: 45px;
    letter-spacing: -1.8px;
    background: linear-gradient(90deg, var(--color-gradient-alpha-start) 0%, var(--color-primary-color) 74.52%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-top: 0;
    margin-bottom: var(--spacing-sm);
}

/* Style du quatrieme titre dégradé vert */
.title-section-gradient-green {
    font-family: var(--font-family-heading);
    font-size: 36px;
    font-style: normal;
    font-weight: 600;
    line-height: 45px;
    letter-spacing: -1.8px;
    background: linear-gradient(90deg, var(--color-green-light) 0%, var(--color-primary-color) 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-top: 0;
    margin-bottom: var(--spacing-sm);
}

/* Style du cinquieme titre dégradé bleu-vert */
.title-section-gradient-blue-green {
    font-family: var(--font-family-heading);
    font-size: 36px;
    font-style: normal;
    font-weight: 600;
    line-height: 45px;
    letter-spacing: -1.8px;
    background: linear-gradient(90deg, var(--color-gradient-alpha-end) 0%, var(--color-gradient-alpha-end-dark) 74.52%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-top: 0;
    margin-bottom: var(--spacing-sm);
}

.founder-name {
    font-weight: 600;
    font-size: 18px;
   letter-spacing: 1.2px;
    background: linear-gradient(90deg, var(--color-green-light) 0%, var(--color-primary-color) 74.52%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin: 0;
}