:root {
  --skinPrimary: #9764c9;
  --skinAccent: #d82c7a;
  --skinSuccess: #6cbb17;
  --skinDanger: #cc2323;
  --skinWarning: #db8605;
  --skinHeader: #7e1621;
  --skinPrimaryLiteOnLight: #f2ecf8;
  --skinAccentLiteOnLight: #fae5ef;
  --skinSuccessLiteOnLight: #edf6e3;
  --skinDangerLiteOnLight: #f8e4e4;
  --skinWarningLiteOnLight: #faf0e1;
  --skinPrimaryLiteOnDark: #120c18;
  --skinAccentLiteOnDark: #19050e;
  --skinSuccessLiteOnDark: #0c1602;
  --skinDangerLiteOnDark: #180404;
  --skinWarningLiteOnDark: #1a1000;
  --skinPrimaryHover: #8d55c4;
  --skinAccentHover: #ca2570;
  --skinSuccessHover: #62a915;
  --skinDangerHover: #bb2020;
  --skinWarningHover: #c77a05;
  --skinPrimaryGradient: #9764c9;
  --skinAccentGradient: #d82c7a;
  --skinSuccessGradient: #6cbb17;
}