:root {
  --purple-highlight: rgb(226, 80, 255);
  --purple-shade: rgb(89, 6, 106);

  --cast-purple: rgb(248, 50, 255);
  --cast-purple-disabled: rgb(129, 101, 131);
  --purple-highlight-disabled: rgb(185, 170, 188);
  --purple-shade-disabled: rgb(54, 29, 59);
}

#cast {
  padding: 6px 24px;
  font-size: 18px;
  color: white;
  background-color: var(--cast-purple);
  border-color: var(--purple-highlight) var(--purple-shade) var(--purple-shade) var(--purple-highlight);
}

#cast:disabled {
  background-color: var(--cast-purple-disabled);
  border-color: var(--purple-highlight-disabled) var(--purple-shade-disabled) var(--purple-shade-disabled) var(--purple-highlight-disabled);
}