:root {
 --alabaster: #f8fafb;
 --alto: #d9d9d9;
 --astral: #3b84a4;
 --black: #000000;
 --black-haze: #f3f7f9;
 --blue-whale: #0b2e44;
 --caribbean-green: #29d5a4;
 --daintree: #06263a;
 --elephant: #0b2f4480;
 --elephant-2: #0b2f44;
 --sonic-silver: #757575;
 --tarawera: #0e3851;
 --venice-blue: #165e89;
 --venice-blue-2: #155d8908;
 --white: #ffffff;
 --wild-sand: #f4f4f4;
 --font-size-l: 30px;
 --font-size-m: 18px;
 --font-size-s: 16px;
 --font-size-xs: 15px;
 --font-size-xxs: 14px;
 --font-size-xxxs: 13px;
 --font-size-xxxxs: 12px;
 --font-family-arboria-medium: "Arboria-Medium", Helvetica;
 --font-family-sora: "Sora", Helvetica;
}

/* Style pour les paragraphes */
p {
 font-size: 16px;
 line-height: 1.5;
 margin-bottom: 15px;
 color: var(--daintree);
 font-style: normal;
 font-weight: 400;
 font-family: var(--font-family-sora);
}

/* Style pour les titres de niveau 1 */
h1 {
 font-size: 28px;
 margin-bottom: 20px;
 color: var(--elephant-2);
 font-style: normal;
 font-weight: 700;
 font-family: var(--font-family-arboria-medium);
}

/* Style pour les titres de niveau 2 */
h2 {
 font-size: 24px;
 margin-bottom: 18px;
 color: var(--elephant-2);
 font-style: normal;
 font-weight: 700;
 font-family: var(--font-family-arboria-medium);
}

/* Style pour les titres de niveau 3 */
h3 {
 font-size: 20px;
 margin-bottom: 15px;
 color: var(--elephant-2);
 font-style: normal;
 font-weight: 700;
 font-family: var(--font-family-arboria-medium);
}

/* Style pour les liens */
a {
 color: var(--astral);
 /* Couleur du lien */
 text-decoration: none;
 /* Enlever le soulignement par défaut */
}

a:hover {
 text-decoration: underline;
 /* Soulignement lorsque survolé */
 color: var(--venice-blue);
}

/* Style pour les listes non ordonnées et ordonnées */
ul,
ol {
 margin-bottom: 15px;
 list-style: inside;
 margin-left: 30px;
}

li {
 margin-bottom: 5px;
 font-family: var(--font-family-arboria-medium);
 color: var(--elephant-2);
 font-style: normal;
 font-weight: 500;
 font-size: 18px;
}


/* Ajoutez d'autres styles au besoin pour d'autres balises HTML */