@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@500&display=swap');

* {
    margin: 0;
    padding: 0;
    font-family: 'Poppins', sans-serif;
}

:root {
    --bg-color: white;           /* fond sombre */
    --header-color: 235, 235, 235;
    --primary-color: #0C6C38;      /* vert foncé (éléments principaux) */
    --secondary-color: #2DAF4A;    /* vert clair (hover, accents) */
    --accent-color: #FFD700;       /* jaune doré (mise en valeur) */
    --text-color: #ffffff;         /* texte principal */
    --muted-text: #A6A2A2;         /* texte secondaire */
    --card-bg: #111111;            /* blocs / chat */
    --border-color: #1e1e1e;       /* bordures subtiles */
    --footer-color: #86866F; /* couleur du footer */
}

html, body {
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
}

body {
    background-color: var(--bg-color);
    color: var(--text-color);
    margin: 0; 
    padding: 0;
    position: relative; /* Fait du body un contexte de positionnement */
}
.html {
    scroll-behavior: smooth;
}


span {
    color: var(--accent-color);
}