:root {
    --primary-color: #0d6efd;
    /* Bleu principal */
    --primary-dark: #0b5ed7;
    /* Variante plus foncée du bleu */
    --background-color: #f8f9fa;
    /* Fond global */
    --navbar-bg: #212529;
    /* Fond navbar et footer */
    --mobile-menu-bg: #343a40;
    /* Fond menu mobile & burger */
    --text-light: #ffffff;
    /* Texte clair */
    --text-muted: #adb5bd;
    /* Texte gris clair */
    --footer-link-hover: #0d6efd;
    /* Couleur des liens au survol */
    --parrainage-btn-bg: #ffffff;
    /* Bouton blanc dans parrainage */
    --parrainage-btn-hover: #e9ecef;
    /* Survol bouton parrainage */
}

/* ==============================
   Styles globaux
=================================*/
body {
    margin: 0;
    font-family: Arial, sans-serif;
    background-color: var(--background-color);
}