:root {
  --skinPrimary: #9347b5;
  --skinAccent: #57a2ea;
  --skinSuccess: #23a93a;
  --skinDanger: #d6311b;
  --skinWarning: #ff9c09;
  --skinHeader: #1a1a1a;
  --skinPrimaryLiteOnLight: #f2e8f6;
  --skinAccentLiteOnLight: #eaf3fc;
  --skinSuccessLiteOnLight: #e4f4e7;
  --skinDangerLiteOnLight: #fae6e3;
  --skinWarningLiteOnLight: #fff3e1;
  --skinPrimaryLiteOnDark: #110815;
  --skinAccentLiteOnDark: #0a131c;
  --skinSuccessLiteOnDark: #041406;
  --skinDangerLiteOnDark: #190503;
  --skinWarningLiteOnDark: #1e1201;
  --skinPrimaryHover: #8741a6;
  --skinAccentHover: #4598e8;
  --skinSuccessHover: #209834;
  --skinDangerHover: #c42d19;
  --skinWarningHover: #f49200;
  --skinPrimaryGradient: #9347b5;
  --skinAccentGradient: #57a2ea;
  --skinSuccessGradient: #23a93a;
}