:root {
    --font-family: 'Roboto', Arial, sans-serif; /* Exemple avec Google Fonts */
}

html, body {
    font-family: var(--font-family);
    font-size: 16px; /* taille par défaut, optionnel */
    line-height: 1.5; /* espacement ligne */
    color: var(--text-dark); /* si tu utilises tes variables CSS */
    overflow-x: hidden;
    margin: 0;
    padding-top: 30px;
    flex: 1; /* prend tout l’espace restant */
    background-color: var(--background);
}

main {
        flex: 1; /* prend tout l’espace restant */

}

nav {
    margin-bottom: 0;
}

.customLargeTitle {
    font-size: 24px;
}

.customTitle {
    font-size: 20px;
}

        .container {
            max-width: 1000px;
            margin: 0 auto;
            padding: 32px;
        }

.colored {
    background-color: var(--background-dark);
}