:root {
  --skinPrimary: #a348bf;
  --skinAccent: #e8b11b;
  --skinSuccess: #08a80f;
  --skinDanger: #c31f00;
  --skinWarning: #ed7e02;
  --skinHeader: #1e1622;
  --skinPrimaryLiteOnLight: #f3e9f7;
  --skinAccentLiteOnLight: #fcf5e3;
  --skinSuccessLiteOnLight: #e1f4e2;
  --skinDangerLiteOnLight: #f7e4e0;
  --skinWarningLiteOnLight: #fcefe0;
  --skinPrimaryLiteOnDark: #130816;
  --skinAccentLiteOnDark: #1b1503;
  --skinSuccessLiteOnDark: #001401;
  --skinDangerLiteOnDark: #170300;
  --skinWarningLiteOnDark: #1c0f00;
  --skinPrimaryHover: #983fb4;
  --skinAccentHover: #d9a416;
  --skinSuccessHover: #07950d;
  --skinDangerHover: #af1c00;
  --skinWarningHover: #d97302;
  --skinPrimaryGradient: #a348bf;
  --skinAccentGradient: #e8b11b;
  --skinSuccessGradient: #08a80f;
}