%table th,
%table td {
  border-bottom: var(--decor-border-100);
}
%table th {
  border-color: var(--token-color-palette-neutral-300);
}
%table td {
  border-color: var(--token-color-surface-interactive-active);
  color: var(--token-color-foreground-faint);
}
%table th,
%table td strong {
  color: var(--token-color-foreground-faint);
}
/* TODO: Add to native selector `tbody th` - will involve moving all
 * current th's to `thead th` and changing the templates
 * at whichpoint we can probably remove the %table a selector from here
 */
%table a,
%tbody-th {
  color: var(--token-color-foreground-strong);
}
%table td:first-child {
  @extend %tbody-th;
}