td {
  .dark & {
    color: $white;
  }
}

table {
  width: 100%;
  max-width: 100%;
  thead {
    th {
      padding: .5em 0;
      font-size: 1rem;
      font-weight: $font-weight-medium;
      color: $accent;
      &:not(:first-child) {
        text-align: right;
      }
    }
  }
  tr {
    border-bottom: 1px solid $gray-300;
    .dark & {
      border-color: $gray-600;
    }
    td {
      padding: .5em 0;
      font-weight: $font-weight-lighter;
      &:not(:first-child) {
        text-align: right;
      }
      strong {
        font-weight: $font-weight-medium;
      }
    }
  }
}