table {
    border-collapse: collapse;
    margin-bottom: 30px;
    width: 100%;
    border-radius: 8px;
    overflow: hidden;
    border: 1px solid #000;
    text-align: left;
}

table th {
    background: var(--table-heading-background-color);
    color: var(--table-heading-color);
    font-weight: 700;
}


table th,
table td {
    padding: 15px 15px;
}

table > tbody > tr:nth-of-type(odd) {
    background-color: var(--table-tr-background-color);
}

.section--primary table th {
    background: var(--table-heading-background-color-on-primary);
    color: var(--table-heading-color-on-primary);
}

.section--primary table > tbody > tr:nth-of-type(odd) {
    background-color: var(--table-tr-background-color-on-primary);
}

.section--secondary table th {
    background: var(--table-heading-background-color-on-secondary);
    color: var(--table-heading-color-on-secondary);
}

.section--secondary table > tbody > tr:nth-of-type(odd) {
    background-color: var(--table-tr-background-color-on-secondary);
}