:root {
  --skinPrimary: #8c32ab;
  --skinAccent: #f5762f;
  --skinSuccess: #68a31e;
  --skinDanger: #d01034;
  --skinWarning: #d38c00;
  --skinHeader: #361044;
  --skinPrimaryLiteOnLight: #f1e6f4;
  --skinAccentLiteOnLight: #fdeee6;
  --skinSuccessLiteOnLight: #ecf3e4;
  --skinDangerLiteOnLight: #f9e2e6;
  --skinWarningLiteOnLight: #f9f1e0;
  --skinPrimaryLiteOnDark: #100614;
  --skinAccentLiteOnDark: #1d0e05;
  --skinSuccessLiteOnDark: #0c1303;
  --skinDangerLiteOnDark: #180106;
  --skinWarningLiteOnDark: #191000;
  --skinPrimaryHover: #7f2d9b;
  --skinAccentHover: #f4691c;
  --skinSuccessHover: #5d921b;
  --skinDangerHover: #bd0f2f;
  --skinWarningHover: #bf7e00;
  --skinPrimaryGradient: #8c32ab;
  --skinAccentGradient: #f5762f;
  --skinSuccessGradient: #68a31e;
}