:root {
  --skinPrimary: #907cdc;
  --skinAccent: #e35353;
  --skinSuccess: #5bd02d;
  --skinDanger: #f43030;
  --skinWarning: #f5a72a;
  --skinHeader: #2b2542;
  --skinPrimaryLiteOnLight: #f1effa;
  --skinAccentLiteOnLight: #fbeaea;
  --skinSuccessLiteOnLight: #ebf9e5;
  --skinDangerLiteOnLight: #fde6e6;
  --skinWarningLiteOnLight: #fdf4e5;
  --skinPrimaryLiteOnDark: #110e1a;
  --skinAccentLiteOnDark: #1b0909;
  --skinSuccessLiteOnDark: #0a1805;
  --skinDangerLiteOnDark: #1d0505;
  --skinWarningLiteOnDark: #1d1405;
  --skinPrimaryHover: #826cd8;
  --skinAccentHover: #e04141;
  --skinSuccessHover: #54bf29;
  --skinDangerHover: #f31d1d;
  --skinWarningHover: #f49f17;
  --skinPrimaryGradient: #907cdc;
  --skinAccentGradient: #e35353;
  --skinSuccessGradient: #5bd02d;
}