/* Couleurs principales */
:root {
    --couleur-principale: #1a1a1a; /* Remplacez par la couleur principale de votre logo */
    --couleur-secondaire: #f2f2f2; /* Remplacez par une couleur complémentaire */
    --couleur-accentuation: #e60000; /* Remplacez par une couleur contrastante */
}

/* Corps du site */
body {
    font-family: 'Arial', sans-serif; /* Choisissez une police appropriée */
    background-color: var(--couleur-secondaire);
    color: var(--couleur-principale);
    margin: 0;
    padding: 0;
}

/* En-têtes */
h1, h2, h3, h4, h5, h6 {
    color: var(--couleur-principale);
}

/* Liens */
a {
    color: var(--couleur-accentuation);
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

/* Boutons */
button, .button {
    background-color: var(--couleur-principale);
    color: var(--couleur-secondaire);
    border: none;
    padding: 10px 20px;
    border-radius: 5px;
    cursor: pointer;
}

button:hover, .button:hover {
    background-color: var(--couleur-accentuation);
}

/* Sections */
section {
    padding: 20px;
    margin: 10px 0;
}

/* Responsive Design */
@media (max-width: 768px) {
    body {
        font-size: 14px;
    }

    h1 {
        font-size: 24px;
    }

    /* Autres ajustements pour les petits écrans */
}