:root {
  --skinPrimary: #7d00ba;
  --skinAccent: #cf1c6c;
  --skinSuccess: #20bd0b;
  --skinDanger: #f72525;
  --skinWarning: #ed9f00;
  --skinHeader: #35064c;
  --skinPrimaryLiteOnLight: #efe0f6;
  --skinAccentLiteOnLight: #f9e3ed;
  --skinSuccessLiteOnLight: #e4f7e1;
  --skinDangerLiteOnLight: #fee4e4;
  --skinWarningLiteOnLight: #fcf3e0;
  --skinPrimaryLiteOnDark: #0f0016;
  --skinAccentLiteOnDark: #18030c;
  --skinSuccessLiteOnDark: #031601;
  --skinDangerLiteOnDark: #1d0404;
  --skinWarningLiteOnDark: #1c1300;
  --skinPrimaryHover: #6f00a6;
  --skinAccentHover: #bd1a63;
  --skinSuccessHover: #1daa0a;
  --skinDangerHover: #f61111;
  --skinWarningHover: #d99100;
  --skinPrimaryGradient: #7d00ba;
  --skinAccentGradient: #cf1c6c;
  --skinSuccessGradient: #20bd0b;
}