:root {
  --body-bg: #f8f9fa;
  --cassiopeia-color-primary: #868e96;
  --cassiopeia-color-link: #db1762;
  --link-color: #db1762;
  --cassiopeia-color-hover: #db1762;
  
}

/*couleur bandeau*/
  .container-header {
  background: var(--cassiopeia-color-primary);
}
/*taille de la police du menu (a ajuster)
.navbar a,
.navbar button {
  font-size: 2rem;
}*/

/*couleur breadcrumb*/
  .breadcrumb {
    background-color: var(--cassiopeia-color-primary);
    --breadcrumb-item-active-color: #ffffff;
}


/*Test de css bouton Perso
/* Custom button class */
.btn-custom {
    background-color: #007bff; /* Button background color */
    color: yellow;              /* Text color */
    padding: 50px 60px;       /* Padding */
    border: none;             /* Remove border */
    border-radius: 30px;      /* Rounded corners */
    font-size: 16px;          /* Font size */
    text-align: center;       /* Center text */
    text-decoration: none;    /* Remove underline */
    display: inline-block;    /* Allows width and height */
    transition: background-color 0.3s; /* Transition effect */
}

.btn-custom:hover {
    background-color: #0056b3; /* Darker shade on hover */
}