@use 'sass:map';
@use '@beeline/design-tokens/scss/tokens/globals';
@use '@beeline/design-tokens/scss/tokens/themes/light';
@use '@beeline/design-tokens/scss/tokens/themes/dark';
@use '@beeline/design-tokens/scss/tokens/components/button';

.table {
  .dark-theme & {
    color: map.get(dark.$theme, 'color-text-active');
    background-color: map.get(dark.$theme, 'color-background-base');

    td,
    th {
      border: 1px solid map.get(dark.$theme, 'color-control-background');
    }

    th {
      color: map.get(dark.$theme, 'color-text-active');
    }
  }

  td,
  th {
    border-width: 1px;
    border-style: solid;
  }

  th {
    font-weight: globals.$font-weight-medium;
  }

  tbody {
    tr {
      &:last-child {
        td,
        th {
          border-bottom-width: 1px;
        }
      }
    }
  }
}
