table {
    width: var(--design-width);                      /* Utilise toute la largeur disponible */
    border-collapse: collapse;        /* Les bordures des cellules sont fusionnées */
    margin: 1em auto;                   /* Espacement autour du tableau */
    background-color: #282c34;        /* Fond sombre pour les tableaux */
    color: #e4f1fe;                   /* Texte en couleur claire pour un bon contraste */
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.15); /* Ombre subtile pour un effet de profondeur */
    font-size: 1rem;
    line-height: 125%;
}

th,
td {
    border: 1px solid #3a3f4b;        /* Bordures des cellules en gris sombre */
    padding: 8px 12px;                /* Padding pour rendre le texte plus lisible */
    text-align: left;                 /* Alignement du texte à gauche */
    vertical-align: middle;           /* Alignement vertical au milieu */
}

th {
    background-color: #1c2028;        /* Fond des entêtes un peu plus distinct */
    font-weight: bold;                /* Texte en gras pour les entêtes */
}

tbody tr:nth-child(odd) {
    background-color: #32363f;        /* Alternance de couleurs pour les lignes */
}