.bg-gradient-lastlap {
    background: linear-gradient(to bottom, #9C5BFFD4, #FFEE5B);
    color: white;
}

.navbar-nav .nav-link {
    color: white;
    transition: color 0.3s ease;
}

.navbar-nav .nav-link:hover {
    color: black;
}


:root {
    --lastlap-main: #9C5BFF;
    --lastlap-main-light: #C7A9FF;
    --lastlap-main-dark: #7B35D1;
  }
  
  /* Boutons */
  .btn-lastlap {
    background-color: var(--lastlap-main);
    color: white;
    border: none;
  }
  .btn-lastlap:hover,
  .btn-lastlap:focus {
    background-color: var(--lastlap-main-dark);
    color: white;
  }
  
  /* Boutons outline */
  .btn-outline-lastlap {
    color: var(--lastlap-main);
    border-color: var(--lastlap-main);
  }
  .btn-outline-lastlap:hover,
  .btn-outline-lastlap:focus {
    background-color: var(--lastlap-main);
    color: white;
  }
  
  /* Textes */
  .text-lastlap {
    color: var(--lastlap-main) !important;
  }
  
  /* Fonds */
  .bg-lastlap {
    background-color: var(--lastlap-main) !important;
    color: white;
  }
  .bg-lastlap-light {
    background-color: var(--lastlap-main-light) !important;
  }
  
  /* Bordures */
  .border-lastlap {
    border-color: var(--lastlap-main) !important;
  }
  
    .text-purple {
        color: #9C5BFF;
    }
    .text-gray-700 {
        color: #495057;
    }
    .text-gray-600 {
        color: #6c757d;
    }
    .border-purple {
        border-color: #e2d4f0;
    }
    .btn-purple {
        background-color: #9C5BFF;
        color: white;
    }
    .btn-purple:hover {
        background-color: #7b1fa2;
    }
    .btn-green {
        background-color: #28a745;
        color: white;
    }
    .btn-green:hover {
        background-color: #218838;
    }
    .btn-outline-purple {
        background-color: #f8f9fa;
        color: #9C5BFF;
        border-color: #d4c2f0;
    }
    .btn-outline-purple:hover {
        background-color: #e2d4f0;
    }
    .btn-outline-gray {
        background-color: #f8f9fa;
        color: #6c757d;
        border-color: #dee2e6;
    }
    .btn-outline-gray:hover {
        background-color: #e9ecef;
    }
    .hover-scale:hover {
        transform: scale(1.05);
        transition: transform 0.3s ease-in-out;
    }

    .btn-custom {
        background-color: #9C5BFF;
        color: white;
        border: none;
      }
      
      .btn-custom:hover {
        background-color: #7a3dd1; /* Une nuance plus foncée pour l'effet de survol */
      }

      .btn-jaune {
        background-color: #FFD700; /* Jaune doré */
        transition: background-color 0.2s ease;
      }
      
      .btn-jaune:hover {
        background-color: #e6c200; /* Jaune un peu plus foncé */
      }
      
      .btn-jaune:active {
        background-color: #ccae00; /* Encore plus foncé quand cliqué */
      }

      .btn-outline-purple {
        color: #9C5BFF; /* Violet clair */
        border: 1px solid #9C5BFF;
        background-color: transparent;
        transition: background-color 0.2s ease, color 0.2s ease;
      }
      
      .btn-outline-purple:hover {
        background-color: #9C5BFF;
        color: white;
      }

      .bg-purple {
        background-color: #9C5BFF !important;
      }