:root {
  --ptpian-control-txt-color: #ffffff;
  --ptpian-txt-piano-color: #ffffff;
  --ptpian-mark-bg-color: #000000;
  --ptpian-mark-text-color: #ffffff;
  --ptpian-theme-bg: url('../theme/default-theme.png');
  --ptpian-keylight-color : #fff;
}

.control span {
  color: var(--ptpian-control-txt-color);
}

.piano-keys .key span {
  color: var(--ptpian-txt-piano-color);
}

.mark {
  background-color: var(--ptpian-mark-bg-color);
  color: var(--ptpian-mark-text-color);
}

.columnboxpiano {
  background-image: var(--ptpian-theme-bg);
  background-repeat: repeat;
}

.hidden {
  display: none !important;
}

.key.glow {
  box-shadow: 0 5px 25px 8px var(--ptpian-keylight-color);
  border-radius: 6px;
}