:root {
    /* Couleurs principales */
    --header-bg-color: #00748d; /* Couleur de fond bleue pour l'en-tête et le pied de page */
    --primary-color: #079fcd; /* Bleu primaire pour les boutons */
    --secondary-color: #edb143; /* Couleur secondaire pour les éléments décoratifs */
    --background-color: #ffffff; /* Blanc pour les arrière-plans */
    --text-white-color: #ffffff; /* Texte blanc pour les menus et les boutons */

    /* Couleurs de texte */
    --text-title-main: #000000; /* Titres principaux (h1) */
    --text-title-sub1: #1C1C1C; /* Sous-titres (h2) */
    --text-title-sub2: #2B2B2B; /* Sous-titres (h3) */
    --text-body: #3B3B3B; /* Texte des paragraphes */

    /* Messages d'erreur */
    --error-text-color: #D32F2F; /* Texte des messages d'erreur */
    --error-border-color: #FF6347; /* Bordures des champs de formulaire erronés */
    --error-icon-color: #FF0000; /* Icônes d'alerte */
    --error-bg-color: #f8d7da; /* Arrière-plan des messages d'erreur ou surlignage */

    /* Polices */
    --font-body-roboto: 'Roboto', sans-serif; /* Police pour le corps de texte */
    --font-size-body-roboto: 18px; /* Taille de police pour le corps de texte */
    --body-line-height-roboto: 1.6; /* Hauteur de ligne pour le corps de texte */
    --body-letter-spacing-roboto: 0.5px; /* Espacement des lettres pour le corps de texte */

    /* Polices pour les titres */
    --font-heading-playfair: 'Playfair Display', serif; /* Police pour les titres */
    --h1-font-size-playfair: 34px; /* Taille de police pour h1 */
    --h1-line-height-playfair: 1.2; /* Hauteur de ligne pour h1 */
    --h1-letter-spacing-playfair: 0.5px; /* Espacement des lettres pour h1 */

    --h2-font-size-playfair: 32px; /* Taille de police pour h2 */
    --h2-line-height-playfair: 1.3; /* Hauteur de ligne pour h2 */
    --h2-letter-spacing-playfair: 0.5px; /* Espacement des lettres pour h2 */

    --h3-font-size-playfair: 24px; /* Taille de police pour h3 */
    --h3-line-height-playfair: 1.4; /* Hauteur de ligne pour h3 */
    --h3-letter-spacing-playfair: 0.5px; /* Espacement des lettres pour h3 */

    /* Polices pour les boutons */
    --font-button-roboto: 'Roboto', sans-serif; /* Police pour les boutons */
    --font-size-button: 1rem; /* Taille de police pour les boutons */
    --button-line-height: 1.5; /* Hauteur de ligne pour les boutons */
    --button-letter-spacing: 0.5px; /* Espacement des lettres pour les boutons */
}
