:root {
  --splash-bg: #C619E6;
  --main: #C619E6;
  --main-light: #E173FF;
  --main-dark: #7A0899;
  --main-onlight: #0D735E;

  --green: #51F5C8;
  --warning: #AE490C;
  --error: #B80638;

  --other: #392F7A;
  --other-light: #DDE8ED;

  --contrast: #671775;
  --contrast-ondark: #199FA8;

  --special-bg: #F0D5F5;
}

@media (prefers-color-scheme: dark) {
  :root {
    --other-light: #33363b;
    --special-bg: var(--main-dark);
  }
}