:root {
  --c-black: #000;
  --c-white : #fff;
  --c-purple: #aa9dab;
}

.theme-b {
  color: var(--c-white);

  .t-b,
  .t-p {
    color: var(--c-white);
  }
  .bg-b,
  .bg-p {
    background-color: var(--c-purple);
  }
  .bg-b.t-b, .bg-b.t-p,
  .bg-p.t-b, .bg-p.t-p {
    color: var(--c-black);
  }
  .outline-b,
  .outline-p {
    color: var(--c-purple);
    border: var(--c-purple) solid 1px;
  }
  .border-b,
  .border-p {
    border-color: var(--c-purple);
  }
  .jaket-wrap {
    border-color: var(--c-purple);
  }
  .track-list-wrap {
    border-color: var(--c-purple);
  }
  .Label {
    color: var(--c-white);
    border-color: var(--c-purple);
  }
  .Label::before {
    border-color: var(--c-purple);
  }
}

.theme-p {
  color: var(--c-black);

  .t-b,
  .t-p {
    color: var(--c-black);
  }
  .bg-b,
  .bg-p {
    background-color: var(--c-black);
  }
  .bg-b.t-b, .bg-b.t-p,
  .bg-p.t-b, .bg-p.t-p {
    color: var(--c-purple);
  }
  .outline-b,
  .outline-p {
    color: var(--c-black);
    border: var(--c-black) solid 1px;
  }
  .border-b,
  .border-p {
    border-color: var(--c-black);
  }
  .jaket-wrap {
    border-color: var(--c-black);
  }
  .track-list-wrap {
    border-color: var(--c-black);
  }
  .Label {
    color: var(--c-black);
    border-color: var(--c-black);
  }
  .Label::before {
    border-color: var(--c-black);
  }
}