:root {
  --skinPrimary: #8d68cd;
  --skinAccent: #e8539a;
  --skinSuccess: #2aaf14;
  --skinDanger: #cb1f2a;
  --skinWarning: #ee8810;
  --skinHeader: #172225;
  --skinPrimaryLiteOnLight: #f1ecf9;
  --skinAccentLiteOnLight: #fceaf2;
  --skinSuccessLiteOnLight: #e5f5e2;
  --skinDangerLiteOnLight: #f8e4e5;
  --skinWarningLiteOnLight: #fcf0e2;
  --skinPrimaryLiteOnDark: #100c18;
  --skinAccentLiteOnDark: #1b0912;
  --skinSuccessLiteOnDark: #051502;
  --skinDangerLiteOnDark: #180305;
  --skinWarningLiteOnDark: #1c1001;
  --skinPrimaryHover: #8159c8;
  --skinAccentHover: #e6418f;
  --skinSuccessHover: #269d12;
  --skinDangerHover: #b91c26;
  --skinWarningHover: #db7d0f;
  --skinPrimaryGradient: #8d68cd;
  --skinAccentGradient: #e8539a;
  --skinSuccessGradient: #2aaf14;
}