table {
    width: 100%;
    border-collapse: collapse;
    margin: var(--golden-m) 0;
    background-color: var(--white);
    box-shadow: var(--box-shadow);
}

thead {
    background-color: var(--bg-gray);
}

th {
    text-align: left;
    font-weight: 700;
    padding: var(--golden-s) var(--golden-m);
    border-bottom: 2px solid var(--alt-gray);
}

td {
    padding: var(--golden-s) var(--golden-m);
    border-bottom: 1px solid var(--bg-gray);
}

tbody tr:hover {
    background-color: var(--bg-pink);
}

/* Compact table variant */
table.compact th,
table.compact td {
    padding: var(--golden-xs) var(--golden-s);
}

/* Striped table variant */
table.striped tbody tr:nth-child(even) {
    background-color: var(--bg-gray);
}

/* Responsive tables */
@media (max-width: 768px) {
    table {
        font-size: var(--font-size-s);
    }

    th, td {
        padding: var(--golden-xs) var(--golden-s);
    }
}