.schedule-table {
  --border: rgb(40, 37, 37);
  --time-bg: #FFF5D3;
  --heading-bg: #efd06b;
  --encore-bg: rgb(255, 255, 255);
  --live-bg: #e6e6e6;
  --local-bg: #ffd6d3;
  width: 100%;

  th {
    border: 1px solid var(--border);
    background-color: var(--heading-bg);
    text-align: center;
  }

  .time {
    border: 1px solid var(--border);
    background-color: var(--time-bg);
    width: 10%;
    text-align: center;
    font-size: 80%;
  }

  .program {
    border: 1px solid var(--border);
    text-align: center;
    font-size: 80%;
  }

  .cell-encore {
    background-color: var(--encore-bg);
  }
  .cell-live {
    background-color: var(--live-bg);
  }
  .cell-local {
    background-color: var(--local-bg);
  }
}