:root {
  --skinPrimary: #880081;
  --skinAccent: #16a3cc;
  --skinSuccess: #85bf04;
  --skinDanger: #bd1007;
  --skinWarning: #f5a72a;
  --skinHeader: #61005c;
  --skinPrimaryLiteOnLight: #f0e0ef;
  --skinAccentLiteOnLight: #e3f3f8;
  --skinSuccessLiteOnLight: #f0f7e0;
  --skinDangerLiteOnLight: #f7e2e1;
  --skinWarningLiteOnLight: #fdf4e5;
  --skinPrimaryLiteOnDark: #10000f;
  --skinAccentLiteOnDark: #021318;
  --skinSuccessLiteOnDark: #0f1600;
  --skinDangerLiteOnDark: #160100;
  --skinWarningLiteOnDark: #1d1405;
  --skinPrimaryHover: #74006e;
  --skinAccentHover: #1494ba;
  --skinSuccessHover: #77ab04;
  --skinDangerHover: #a90e06;
  --skinWarningHover: #f49f17;
  --skinPrimaryGradient: #880081;
  --skinAccentGradient: #16a3cc;
  --skinSuccessGradient: #85bf04;
}