:root{
    --table-header-border-color: theme(colors.black);
    --table-body-border-color: theme(colors.grey.200);
    --table-text-color: theme(colors.black);
}
table{
    @apply w-full mb-md;
    thead, tbody, tfoot{
        tr{
            @apply border-t;
            th,td{
                color: var(--table-text-color);
                @apply text-sm text-left py-1.5 px-2.5;
            }
        }
    }
    thead{
        tr{
            border-color: var(--table-header-border-color);
            th{
            }
        }
    }
    tbody{
        tr{
            border-color: var(--table-body-border-color);
            &:last-child{
                @apply border-b;
            }
        }
    }
}