:root {
  --skinPrimary: #c478ff;
  --skinAccent: #f71967;
  --skinSuccess: #0a9d3b;
  --skinDanger: #c8182a;
  --skinWarning: #d87800;
  --skinHeader: #0a0a0a;
  --skinPrimaryLiteOnLight: #f7eeff;
  --skinAccentLiteOnLight: #fee3ec;
  --skinSuccessLiteOnLight: #e1f3e7;
  --skinDangerLiteOnLight: #f8e3e5;
  --skinWarningLiteOnLight: #faeee0;
  --skinPrimaryLiteOnDark: #170e1e;
  --skinAccentLiteOnDark: #1d030c;
  --skinSuccessLiteOnDark: #011207;
  --skinDangerLiteOnDark: #180205;
  --skinWarningLiteOnDark: #190e00;
  --skinPrimaryHover: #bb64ff;
  --skinAccentHover: #f3085b;
  --skinSuccessHover: #098a34;
  --skinDangerHover: #b61626;
  --skinWarningHover: #c46d00;
  --skinPrimaryGradient: #c478ff;
  --skinAccentGradient: #f71967;
  --skinSuccessGradient: #0a9d3b;
}